本项目是使用 Vue.js2.0 框架,搭配样式库WeUI,模仿微信 app 的样式和交互。
项目地址 https://github.com/zhaohaodang/vue-WeChat
如果你觉得不错想给作者点个赞,可以给项目增加一个 Star ★,项目会被收录在 Your stars 中,方便日后查看。
如果你想时时关注项目动态,可 Watch ⊙ 此项目,github 平台会及时通知你项目的动态。
1.克隆代码到本地
git clone https://github.com/zhaohaodang/vue-WeChat.git
2.进入项目路径
cd vue-WeChat
3.安装依赖(安装较慢的话建议使用淘宝镜像)
npm install
4.启动项目
npm run dev
微信列表的滑动交互
搜素组件的动画效果
进入对话框
对话框信息
首页 Tab 切换
- vue-WeChat Wiki 中记录了开发此项目需要的知识储备、开发思路、开发利器等。
- 每个主要的.vue 和.js 文件都有详细的注释提示,建议将仓库
clone
到本地,查看源码。
移步Issues,欢迎提出问题和建议。
- vue-see 适用于 Vue.2x 的图片预览插件