一款基于Vue2.0高仿微信App的单页应用
2017-03-31 08:55
411 查看
概述
利用Vue2.0模仿微信app,努力做到以假乱真的效果。个人独立开发,源码中有详细的注释,为新手提供许多有用的提示信息。项目的第一期接近尾声,后期会增加 仿3DTouch、登陆、注册、emoji表情内嵌、通讯录检索、朋友圈图片查看等功能,让它更接近微信App的用户交互体验。项目地址
https://github.com/zhaohaodang/vue-WeChat
http://Git.oschina.NET/liuyuantao/vue2-WeChat
手机预览
首选红色,加载较快 <基于阿里云虚拟机 有效期至2018-03-02>蓝色为备胎,加载较慢
测试机为iPhone 6s,在微信内置浏览器以及Safari、Chrome浏览器中运行良好。
若觉得不错想给作者点个赞,可以给项目增加一个 Star ★,项目会被收录在 Your stars 中,方便日后查看。
若想时时关注项目动态,可 Watch ⊙ 此项目,github平台会及时通知你项目的动态,你的邮箱也会收到通知。
桌面预览
加载较快 http://zhaohaodang.com/ <基于阿里云虚拟机 有效期至2018-03-02>备选 加载较慢 https://vue2-wechat.github.io
桌面端浏览时,建议打开开发者工具
F12,模拟手机预览
Ctrl+Shift+M(Chrome)
动图预览
微信列表的滑动交互搜素组件的动画效果
进入对话框
对话框信息
首页Tab切换
技术相关
vue-WeChatWiki 中记录了开发此项目需要的知识储备、开发思路、开发利器等。内容会不断更新,实际上想把它建成个人快速开发的代码库。
每个主要的.vue和.js文件都有详细的注释提示,建议将仓库
clone到本地,查看源码。
示例1( store.js 注解)
示例2( App.vue 注解)
问题反馈
建议移步Issues,欢迎反馈项目中的不良/错误表现,以及你在开发过程遇到的问题,作者会积极回复。吐槽
作者是上班族,下班时间搞的这个项目,简直就像是在加班 ( ̄_ ̄|||)能用两周时间结束第一期,也是出乎意料,所以会有一些糟糕的使用体验,在所难免
后期会放出适合新手练手的demo仓库,适合在此基础上进行二次开发的项目。
相关文章推荐
- 一款基于Vue2.0高仿微信App的单页应用
- 一款基于Vue2.0高仿微信App的单页应用
- 终于有一款视频社交应用打破微信的榜首垄断了,Faceu再登Appstore总榜第一
- 个人或者企业怎么进行app开发?开发一款APP应用大概需要多少钱?
- 基于微信我们可以做什么样的应用?
- 基于JavaScript代码实现微信扫一扫下载APP
- 基于Bluemix的微信公共平台应用开发
- 基于cordova app应用中使用swiper(插件)操作DOM多平台表现不一致问题
- 基于IBM Bluemix开发微信公共账号应用
- 基于微信JS_SDk开发微信网页及微信公共应用
- 如何在微信中取消已授权的第三方应用APP
- app多少钱,开发一款app到底多少钱合适,开发一款APP应用大概需要多少钱
- 朋友圈:一款类似Google+圈子基于手机通讯录的移动社交网络应用
- 一款基于 Android 开发的离线版的 MM 图片浏览 App
- 【单页应用】全局控制器app应该干些什么?
- APP 内嵌browser开发HTML5应用(基于android)
- 一款基于手势的极简主义风格App:Haze
- 详细解析如何做一款成功的APP应用
- 基于nodejs 的微信 JS-SDK 简单应用
- 一款基于微客服的仿微信的聊天软件