Ця стаття є дзеркальною статтею машинного перекладу, будь ласка, натисніть тут, щоб перейти до оригінальної статті.

Architect_Programmer_Code Сільськогосподарська мережа»Архітектор › Фронтенд-дизайн і веб › Передня рама › Приклад чату vue|Імітувати інтерфейс чату WeChat IM
Вид: 11595|Відповідь: 1

[Ву] Приклад чату vue|Імітувати інтерфейс чату WeChat IM

[Копіювати посилання]
Опубліковано 20.07.2019 11:18:25 | | | |
Цей допис востаннє редагувався xiaoyan2015 2019-7-20 11:19

Вступ до проєкту
Базуючись на Vue2.0+Vuex+vue-router+webpack2.0+es6+node+vuePhotoPreview+wcPop та інших технічних архітектурах, vueChatRoom — це чат-кімната з подібним інтерфейсом WeChat, яка реалізує оновлення випадаючого меню чату WeChat, надсилання повідомлень, емодіконів (GIF), фотографій, попередніх переглядів відео, порад, червоних конвертів та інших функцій.

Технічний відбір
  • Фреймворк MVVM :Vue.js 2.0
  • Державне управління: Vuex
  • Маршрутизація сторінок: Vue-router
  • Спливаючий плагін: wcPop
  • Інструмент пакування: webpack 2.0
  • Конфігурація середовища :node.js + cnpm
  • Плагін для зображення: vue-photo-preview



package.json залежна конфігурація встановлення:
Шаблон компонента App Portal:






















Головна сторінка main.js представлені конфігурації та зовнішні компоненти:
Блокування маршрутів Vue, вхід, блокування реєстрації та верифікація:





Попередній:Як конвертувати тип увійденої сторінки за допомогою pdfkit на python?
Наступний:«24 найдивовижніші уроки світу» (США) Чарльз Гарнелл
Опубліковано 16.08.2019 11:26:09 |
Чи можете ви надати вихідний код для навчання?
Застереження:
Усе програмне забезпечення, програмні матеріали або статті, опубліковані Code Farmer Network, призначені лише для навчання та досліджень; Вищезазначений контент не повинен використовуватися в комерційних чи незаконних цілях, інакше користувачі несуть усі наслідки. Інформація на цьому сайті надходить з Інтернету, і спори щодо авторських прав не мають до цього сайту. Ви повинні повністю видалити вищезазначений контент зі свого комп'ютера протягом 24 годин після завантаження. Якщо вам подобається програма, будь ласка, підтримуйте справжнє програмне забезпечення, купуйте реєстрацію та отримайте кращі справжні послуги. Якщо є будь-яке порушення, будь ласка, зв'яжіться з нами електронною поштою.
Mail To:help@itsvse.com