利用Vue2.0模仿微信app,努力作到以假乱真的效果。我的独立开发,源码中有详细的注释,为新手提供许多有用的提示信息。后期会增长 仿3DTouch、登录、注册、emoji表情内嵌、朋友圈图片查看等功能,让它更接近微信App的用户交互体验。vue
仓库地址:https://github.com/zhaohaodan...git
首选红色,加载较快 蓝色为备胎,加载较慢github
测试机为iPhone 6s,在微信内置浏览器以及Safari、Chrome浏览器中运行良好。浏览器
若以为不错想给做者点个赞,能够给项目增长一个 Star ★,项目会被收录在your start中,方便往后查看。微信
若想时时关注项目动态,可 Watch ⊙ 此项目,github平台会及时通知你项目的动态,你的邮箱也会到通知。app
首选 较快 http://zhaohaodang.com/vue2-wechat工具
备选 较慢 https://vue2-wechat.github.io测试
桌面端浏览时,建议打开开发者工具 F12
,模拟手机预览 Ctrl+Shift+M
(Chrome)动画
微信列表的滑动交互url
搜素组件的动画效果
vue-WeChat Wiki 中记录了开发此项目须要的知识储备、开发思路、开发利器等。内容会不断更新,实际上想把它建成我的快速开发的代码库。
每一个主要的.vue和.js文件都有详细的注释提示,建议将仓库clone
到本地,查看源码。
示例1( store.js 注解)
示例2( App.vue 注解)
vue-see 适用于Vue.js2.0的图片预览插件