154
【小程序】微信小程序实现各种特效实例 - OkayChen
source link: http://www.cnblogs.com/okaychen/p/7616581.html
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
最近在负责一个微信小程序的前端以及前后端接口的对接的项目，整体上所有页面的布局我都已经搭建完成，里面有一些常用的特效，总结一下，希望对大家和我都能有所帮助
实例1：滚动tab选项卡
先看一下效果图吧，能够点击菜单或滑动页面切换，tab菜单部分可以实现左右滚动
好了，看一下我的源码吧！<喜欢的话拿走不谢哟>
1、wxml
okaychen
2、wxss <我只展示了tab菜单处的wxss，页面的样式就不在列出>
okaychen
okaychen
实例2：星级评分
按照惯例先上效果图，默认一星，点击可以选择星级，可半星显示。
1、wxml
okaychen
2、wxss
okaychen
okaychen
实例3：自定义底部弹出层
自定义底部弹出层，在电商的小程序中经常会用到，根据需要自定义弹出内容，先看下我的效果
我已经把我自定义的部分抽离了出来
1、wxml
okaychen
2、wxss
okaychen
okaychen
这次没有文字化的知识点，是我正在做的小程序项目中我做的一些小实例的源码，总结下来了三个非常常用的，
喜欢或者对你有帮助的话欢迎copy和学习，
另外这个项目最近在github上持续更新，欢迎star和在博客中留下你的建议。想要什么特效在下面留言博主也会尽力满足各位客官.
最后祝大家国庆节快乐(#^.^#)
Recommend
About Joyk
Aggregate valuable and interesting links.
Joyk means Joy of geeK