javascript - 请问微信小程序swiper切换的点如何修改样式。-PHP Chinese Network Q&A

Article Topic Learning Download Q&A Programming Dictionary Game Recent Updates

简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)

javascript - 请问微信小程序swiper切换的点如何修改样式。

黄舟 2017-04-11 11:20:06

391

问题如题。在wxml没有相关点的xwml,不知道class是什么,请问如何修改样式？感谢！

黄舟

人生最曼妙的风景，竟是内心的淡定与从容！

reply all (1)

迷茫2017-04-11 11:22:06 1 floor

学小程序时写过一个B站demo，也遇到此问题，最后自定义Swiper的Dot来实现了。
思路是：用view组件重写dot，给swiper组件绑定bindchange事件用来获取当前第几个dot，动态改变class。

data: { // 是否显示面板指示点 indicatorDots: false, // 是否自动切换 autoplay: true, // 自动切换时间间隔 interval: 5000, // 滑动动画时长 duration: 1000, dotsClass: ['on','','','',''] }, swiperChange: function(event) { var dotsClass = ['','','','','']; dotsClass[event.detail.current] = 'on'; console.log( event.detail.current ); console.log( dotsClass ) this.setData({ dotsClass: dotsClass }); }

全部代码：https://git.oschina.net/xujia...