vue2仿telegram这个项目我把自己所学的vue大部分知识都用上了,可以说覆盖了vue的大部分知识,通过这项目对vue有了更加深刻的了解以及更灵活的应用。该项目构建时间是2020-07-23开始telegram最新版更新了部分setting编辑个人信息样式时间有限我就不改过来了。由于最近比较忙,后期将加入axios+mock或者axios+后台以及完善该项目。敬请期待!!!
脚手架工具 [email protected]
主体:vue + vue-router + vuex + scss +mint ui+mui+es6
其他:better-scroll + animate.css
点击查看demo(PC浏览器预览时请切换到手机预览模式同时建议刷新一下再预览)
二维码查看
git clone https://github.com/xxydrr/vue-telegram.git
cd vue-telegram
npm install
npm run serve
或者
npm run build
node prod.server.js
-
页面展示动画交互
-
信息发送
-
分组功能
-
删除联系人
-
搜索联系人
-
用户部分信息修改
-
badge组件响应式更新
-
消息免打扰
-
持续完善...
联系人界面
对话界面
对话面板界面
查看以及编辑好友信息
个人设置