1 Star 0 Fork 8

攀哥哥 / vue2-WeChat

forked from 刘元涛 / vue2-WeChat 
加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
克隆/下载
贡献代码
同步代码
取消
提示: 由于 Git 不支持空文件夾,创建文件夹后会生成空的 .keep 文件
Loading...
README
MIT

一款基于Vue2.0高仿微信App的单页应用

概述

利用Vue2.0模仿微信app,努力做到以假乱真的效果。个人独立开发,源码中有详细的注释,为新手提供许多有用的提示信息。项目的第一期接近尾声,后期会增加 仿3DTouch登陆注册emoji表情内嵌通讯录检索朋友圈图片查看等功能,让它更接近微信App的用户交互体验。

项目地址 https://github.com/zhaohaodang/vue-WeChat

手机预览

首选红色,加载较快 <基于阿里云虚拟机 有效期至2018-03-02>

蓝色为备胎,加载较慢

https://sinacloud.net/vue-wechat/images/url-qrcode-both.jpg

测试机为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切换

首页Tab切换

技术相关

  • vue-WeChat Wiki 中记录了开发此项目需要的知识储备、开发思路、开发利器等。内容会不断更新,实际上想把它建成个人快速开发的代码库。
  • 每个主要的.vue和.js文件都有详细的注释提示,建议将仓库clone到本地,查看源码。

示例1( store.js 注解)

store.js文件注解

示例2( App.vue 注解)

App.vue 注解

问题反馈

建议移步Issues,欢迎反馈项目中的不良/错误表现,以及你在开发过程遇到的问题,作者会积极回复。

吐槽

  • 作者是上班族,下班时间搞的这个项目,简直就像是在加班 ( ̄_ ̄|||)  

  • 能用两周时间结束第一期,也是出乎意料,所以会有一些糟糕的使用体验,在所难免

  • 后期会放出适合新手练手的demo仓库,适合在此基础上进行二次开发的项目。

MIT License Copyright (c) 2017 Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

简介

一款基于Vue2.0高仿微信App的单页应用 展开 收起
JavaScript
MIT
取消

发行版

暂无发行版

贡献者

全部

近期动态

加载更多
不能加载更多了
JavaScript
1
https://gitee.com/pangege/vue2-WeChat.git
git@gitee.com:pangege/vue2-WeChat.git
pangege
vue2-WeChat
vue2-WeChat
master

搜索帮助