微信小程序轮播中的current_手把手教你美化微信小程序中的轮播效果

微信小程序现在依然很火,相信大家有目共睹;所以作为前端开发者,掌握如何开发小程序,是一项必备技能了,你觉得呢?

相对于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"  //选中颜色

},

效果如下:</

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值