Skip to content

zhaohaodang/vue-WeChat

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

62 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

基于 Vue.js2.0 高仿微信 App 的单页应用

概述

本项目是使用 Vue.js2.0 框架,搭配样式库WeUI,模仿微信 app 的样式和交互。

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

扫码体验

https://vue-wechat-6gf4n43f268f8b05-1251265717.ap-shanghai.app.tcloudbase.com

如果你觉得不错想给作者点个赞,可以给项目增加一个 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 切换

首页Tab切换

技术相关

  • vue-WeChat Wiki 中记录了开发此项目需要的知识储备、开发思路、开发利器等。
  • 每个主要的.vue 和.js 文件都有详细的注释提示,建议将仓库 clone 到本地,查看源码。

问题反馈

移步Issues,欢迎提出问题和建议。

推荐

  • vue-see 适用于 Vue.2x 的图片预览插件

About

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

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published