Skip to content

Commit 4b6b168

Browse files
authored
Update README.md
1 parent adc4f9b commit 4b6b168

File tree

1 file changed

+16
-8
lines changed

1 file changed

+16
-8
lines changed

README.md

Lines changed: 16 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -24,14 +24,6 @@ npm run build
2424
### 技术栈
2525
vue-wechat是主要在利用Vue.js * 实现了微信app及很多细节:
2626

27-
如新页面跳转过渡动画参照ios页面切换风格;
28-
29-
语音文字对话框组件切换;
30-
31-
还有一些交互的动画,如扫一扫;
32-
33-
listview部分也使用了是weui的结构。
34-
3527
此demo在技术使用上以下技术
3628
- vue
3729
- vuex
@@ -42,7 +34,23 @@ npm run build
4234
- weui
4335
- zepto
4436
- fastclick
37+
#### 操作亮点
4538

39+
新页面跳转的过渡动画 参照ios系统的页面切换风格,是通过router-view及transition特性结合实现的。
40+
41+
消息列表页的item 左划操作处理,使用vuex(getters,actions)实现实时处理计算数据
42+
43+
(语音/文字)对话框 组件间 动画切换,还有通过事件注册tap 实现 按住说话效果;
44+
45+
还有一些交互行为细节及动画:
46+
- 如css3动画实现的扫一扫;
47+
- 删除消息列表item,通过vue-animated-list 实现动画移除;
48+
- 消息页右上角+的显出无动画,隐藏有动画;
49+
50+
朋友圈下拉拖拽显示完整封面
51+
52+
listview部分也使用了weui的结构。
53+
4654

4755
###手机预览(QR)
4856

0 commit comments

Comments
 (0)