Questo articolo è un articolo speculare di traduzione automatica, clicca qui per saltare all'articolo originale.

Architect_Programmer_Code Rete Agricola»Architetto › Progettazione front-end e web › Telaio frontale › Esempio di chat vue|Imitare l'interfaccia chat di WeChat IM
Vista: 11595|Risposta: 1

[Vue] Esempio di chat vue|Imitare l'interfaccia chat di WeChat IM

[Copiato link]
Pubblicato su 20/07/2019 11:18:25 | | | |
Questo post è stato modificato l'ultima volta da xiaoyan2015 il 20-7-2019 alle 11:19

Introduzione al progetto
Basato su Vue2.0+Vuex+vue-router+webpack2.0+es6+node+vuePhotoPreview+wcPop e altre architetture tecniche, vueChatRoom è una chat room con un'interfaccia WeChat simile, che consente aggiornamenti a tendina della chat WeChat, invio di messaggi, emoticonine (GIF), immagini, anteprime video, suggerimenti, buste rosse e altre funzioni.

Selezione tecnica
  • Framework MVVM :Vue.js 2.0
  • Direzione statale: Vuex
  • Instradamento delle pagine: Vue-router
  • Plug-in pop-up: wcPop
  • Strumento di confezionamento: webpack 2.0
  • Configurazione dell'ambiente :node.js + cnpm
  • Plugin immagine: vue-photo-preview



package.json configurazione di installazione dipendente:
Modello di componente per il portale dell'app:






















Pagina principale main.js configurazione e componenti esterni introdotti:
Blocco delle rotte Vue, login, blocco e verifica delle registrazioni:





Precedente:Come convertire il tipo di pagina logata con pdfkit in python?
Prossimo:"Le 24 lezioni più straordinarie del mondo" (USA) Charles Harnell
Pubblicato su 16/08/2019 11:26:09 |
Puoi fornire il codice sorgente per imparare?
Disconoscimento:
Tutto il software, i materiali di programmazione o gli articoli pubblicati dalla Code Farmer Network sono destinati esclusivamente all'apprendimento e alla ricerca; I contenuti sopra elencati non devono essere utilizzati per scopi commerciali o illegali, altrimenti gli utenti dovranno sostenere tutte le conseguenze. Le informazioni su questo sito provengono da Internet, e le controversie sul copyright non hanno nulla a che fare con questo sito. Devi eliminare completamente i contenuti sopra elencati dal tuo computer entro 24 ore dal download. Se ti piace il programma, ti preghiamo di supportare software autentico, acquistare la registrazione e ottenere servizi autentici migliori. In caso di violazione, vi preghiamo di contattarci via email.
Mail To:help@itsvse.com