微信小程序自定义轮播图swiper dots默认样式

23 | 01 | 2017

默认的swiper面板指示点都是小圆点黑灰的wx-swiper-dot::before,但这满足不了广大小伙伴需求,目前只尝试成功更改了外层wx-swiper-dot样式,效果如下。

784465-20161109124805905-264881914

对样式文件即*.wxss文件做如下修改 :

但是依然满足不了需求,需求是自己写的(给自己挖了个坑 T_T)然后上网各种查,就有了下文解决办法

首先当然是要禁用掉(直接删掉)swiper属性indicator-dots,再用view组件模拟dots,对应的代码如下:

然后是wxss代码:

再对swiper的bindchange属性绑定对应的事件:

20170112161516126