Tento článek je zrcadlovým článkem o strojovém překladu, klikněte zde pro přechod na původní článek.

Architect_Programmer_Code Zemědělská síť»Architekt › Front-end design a web › Přední rám › příklad vue chatu|Napodobit rozhraní chatu WeChat IM
Pohled: 11595|Odpověď: 1

[Vue] příklad vue chatu|Napodobit rozhraní chatu WeChat IM

[Kopírovat odkaz]
Zveřejněno 20.07.2019 11:18:25 | | | |
Tento příspěvek byl naposledy upraven xiaoyan2015 dne 20. 7. 2019 v 11:19

Úvod do projektu
Na základě Vue2.0+Vuex+vue-router+webpack2.0+es6+node+vuePhotoPreview+wcPop a dalších technických architektur, je vueChatRoom chatovací místnost s podobným WeChat rozhraním, která umožňuje obnovu WeChat chatu jako pull-down, odesílání zpráv, emotikony (GIFů), obrázky, video náhledy, tipy, červené obálky a další funkce.

Technický výběr
  • Framework MVVM :Vue.js 2.0
  • Státní správa: Vuex
  • Směrování stránek: Vue-router
  • Vyskakovací plugin: wcPop
  • Nástroj pro balení: webpack 2.0
  • Konfigurace prostředí :node.js + cnpm
  • Plugin pro obrázky: vue-photo-preview



package.json závislá konfigurace instalace:
Šablona komponenty App Portal:






















Hlavní stránka main.js konfiguraci a externí komponenty zavedeny:
Blokování tras, přihlášení, blokování registrace a ověřování Vue:





Předchozí:Jak převést typ přihlášené stránky pomocí pdfkitu v pythonu?
Další:"24 nejúžasnějších lekcí světa" (USA) Charles Harnell
Zveřejněno 16.08.2019 11:26:09 |
Můžete poskytnout zdrojový kód pro učení?
Zřeknutí se:
Veškerý software, programovací materiály nebo články publikované organizací Code Farmer Network slouží pouze k učení a výzkumu; Výše uvedený obsah nesmí být používán pro komerční ani nelegální účely, jinak nesou všechny důsledky uživatelé. Informace na tomto webu pocházejí z internetu a spory o autorská práva s tímto webem nesouvisí. Musíte výše uvedený obsah ze svého počítače zcela smazat do 24 hodin od stažení. Pokud se vám program líbí, podporujte prosím originální software, kupte si registraci a získejte lepší skutečné služby. Pokud dojde k jakémukoli porušení, kontaktujte nás prosím e-mailem.
Mail To:help@itsvse.com