Nuxt-Chatroom 基于Nuxt.js+Vue.js仿微信|探探App界面聊天社交
运用nuxt.js+vue.js+vuex+vpopup+vant+webpack等技术架构开发的社交聊天室项目。实现了类Tinder翻牌左右滑动、消息发送|表情gif、图片|视频预览、消息记录下拉刷新、长按弹窗、红包|朋友圈等功能。
 
使用技术
- 技术框架：nuxt.js+vue.js+vuex
- UI组件库：vant: ^2.10.4
- iconfont图标：阿里字体图标库
- 弹窗组件：vpopup（基于vue封装自定义弹框）
- 本地存储：cookie-universal-nuxt: ^2.1.4
项目结构
 
 
 
 
 
 
 
 
 
 
 
vue|nuxt自定义Navbar+Tabbar组件
顶部导航 / 底部标签栏是自定义组件实现。可以去参看这篇分享文章。
Vue|Nuxt自定义导航条/底部TabBar组件|vue仿咸鱼凸起Tab
vue|nuxt自定义弹出框组件
本来是考虑使用vant的弹出框功能，后来慎重考虑决定自己整一个弹框组件VPopup。
大家有兴趣的话，可以去看看这篇分享文章。
Vue+Nuxt自定义弹窗|vue.js仿微信/ios弹层组件
vue|nuxt仿陌陌卡片滑动
翻一翻页面参考了探探/陌陌卡片拖拽堆叠效果。
如果对实现方式有兴趣的话，可以去看看下面这篇文章。
https://blog.csdn.net/yanxinyun1990/article/details/109033533
nuxt.config.js默认配置 ЁйР
(йР9(9
(9(9I(х9((I(I(йй%йI!Q50(9YйG+"" ro疒r'&*хх(rB;f{н兹хИ&#+{+(( | 
转播
