写在前面

最近在负责一个微信小程序的前端以及前后端接口的对接的项目，整体上所有页面的布局我都已经搭建完成，里面有一些常用的特效，总结一下，希望对大家和我都能有所帮助

实例1：滚动tab选项卡

先看一下效果图吧，能够点击菜单或滑动页面切换，tab菜单部分可以实现左右滚动

好了，看一下我的源码吧！<喜欢的话拿走不谢哟>

1、wxml

 okaychen

 2、wxss <我只展示了tab菜单处的wxss，页面的样式就不在列出>

 okaychen

 3、js

 okaychen

实例2：星级评分

按照惯例先上效果图，默认一星，点击可以选择星级，可半星显示。

1、wxml

 okaychen

2、wxss

 okaychen

3、js

 okaychen

实例3：自定义底部弹出层

自定义底部弹出层，在电商的小程序中经常会用到，根据需要自定义弹出内容，先看下我的效果

 

我已经把我自定义的部分抽离了出来

1、wxml

 okaychen

2、wxss

 okaychen

3、js

 okaychen

 

文章来自深蓝互联http://www.szdbi.com/WEBkaifajishu/286.html转载请注明出处！