修改官方捣蛋鬼样式

从微信官方微信开发文档中心复制捣蛋鬼代码块。

页面结构定义

view class=' wrap ' swiper class=' swipers ' autoplay=' { { autoplay } } ' current=' { { currentsweep } } ' bind change=' swipe change ' block wx : for=' { { imgUrls } } ' swiper-item image src=' http : { { item } } ' class=' slide-image ' width=' 100% ' height=' 150 '/image/swiper-item/block/swiper！-重置小圆点的样式-view class=' dots ' block wx : for=' { { IMGurls } } ' view class=' dots { { index==CurrentWifer ' '活动' : ' ' } } '/视图/块/视图/视图页面样式表定义样式。包装{ height: auto相对位置：宽度： 100%;}.swipers { height: 350rpx宽度： 100%;}.幻灯片图像{显示：块；宽度： 100%;高度： 100%;}/*用来包裹所有的小圆点*/.点{ width : 156 rpx h8 : 36rpx display : flex flex-direction : row；绝对位置：left : 320 rpxbottom : 20 rpx }/*未选中时的小圆点样式*/.点{ width : 26 rpxhire : 26 rpx边界半径： 50%;右边距： 26rpx背景-颜色：白色；}/*选中以后的小圆点样式*/.活动{ width : 26 rpxhire : 26 rpx背景-颜色：珊瑚；}赋值

页面({ data : { imgurls : [' http://img 02。太开放了。com/images/20150928/tooopen _ sy _ 143912755726。jpg '，' http://img 06。太开放了。com/images/2016 08 18/to open _ sy _ 175866434296。jpg '，' http://img 06。太开放了。com/20160818/tooopen _ sy _ 175866434296。jpg '，' 33http://效果图：

总结

以上所述是小编给大家介绍的微信小程序修改捣蛋鬼默认指示器样式的实例代码，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对我们网站的支持！