https://github.com/biyuqi/v-wechat
vue2.x+axios+vue-router+vuex模仿微信客户端
https://github.com/biyuqi/v-wechat
Last synced: 4 months ago
JSON representation
vue2.x+axios+vue-router+vuex模仿微信客户端
- Host: GitHub
- URL: https://github.com/biyuqi/v-wechat
- Owner: BiYuqi
- Created: 2017-07-09T05:27:05.000Z (almost 9 years ago)
- Default Branch: master
- Last Pushed: 2017-07-13T12:43:02.000Z (almost 9 years ago)
- Last Synced: 2025-09-10T00:05:46.869Z (10 months ago)
- Language: Vue
- Homepage: http://loadingmore.com/v-wechat-view
- Size: 1.17 MB
- Stars: 1
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 目前进度
- [x] 整体框架搭建(主界面构建完毕)
- [x] 路由切换(包括专转场动画,目前只做了添加朋友页面进行测试)
- [x] 路由监听tab-bar(完善在主界面，从头部跳转的页面，返回时回到之前对应的路由)
- [x] 使用sass编写，采用网易rem解决方案来解决移动端适配问题
- [ ] 聊天列表(点击聊天，长恩删除等)
- [ ] 通讯录模块(列表)
- [ ] 发现(列表)
- [x] 我(列表,包括tab-cell组件)
- [x] 查看个人信息，支持修改昵称
- [x] 登录
- [ ] 注册
- [ ] 搜索
- [ ] 添加
- [ ] 朋友圈(包括好友点赞组件，评论组件)
- [ ] 摇一摇
- [ ] 漂流瓶
- [ ] 个人信息(修改头像，昵称，添加地址，更多)
- [ ] 钱包
- [ ] 相册
- [ ] 卡包
- [x] 表情(已完成tab切换,架构编写，带写轮播，lists)
- [ ] 设置(包括里面的子模块)
# 通过该项目能学到什么
* 类似于原生的转场动画
* scss 模块化编写
* 嵌套路由
* 组件编写
* slot内容分发的强大
* vuex
* 组件间的数据传递
* 登录拦截
# 看下效果
### 01
### 02
# vue-transtion
> A vue transtion test
## Build Setup
``` bash
# install dependencies
npm install
# serve with hot reload at localhost:8080
npm run dev
# build for production with minification
npm run build
# build for production and view the bundle analyzer report
npm run build --report
# run unit tests
npm run unit
# run e2e tests
npm run e2e
# run all tests
npm test
```
For detailed explanation on how things work, checkout the [guide](http://vuejs-templates.github.io/webpack/) and [docs for vue-loader](http://vuejs.github.io/vue-loader).