微信小程序现在依然很火,相信大家有目共睹;所以作为前端开发者,掌握如何开发小程序,是一项必备技能了,你觉得呢?
相对于PC和H5开发,小程序坑很多,所以需要慢慢“踩”,被坑多了,路自然顺畅了,^_^。
今天主要想分享一个效果:轮播优化。这也是个坑,呵呵。我们看下官方提供DEMO效果,如下图:
这个效果看上去很丑,完全达不到设计师的设计效果,有些童鞋在官方文档里找了好久,却不知道怎么优化,因为官方的东西只是提供基础知识。
相信大家认真看完本次分享,后面可以随心所欲的美化修改了。接下来我提供一些方案给大家参考,GO GO GO!
1、改变颜色
其实改变颜色很简单,官方给我们提供了具体的参数:indicator-dotsBooleanfalse是否显示面板指示点
indicator-colorColorrgba(0, 0, 0, .3)指示点颜色
indicator-active-colorColor#000000当前选中的指示点颜色
然后我们可以通过参数去改变颜色值:
.....
JS代码:data{
indicatorColor:"#ff0", //默认颜色
indicatorActiveColor:"#00f" //选中颜色
},
效果如下:</