在微信小程序中怎样设置轮播图中小圆圈的颜色

时间:2024-10-15 03:09:51

1、打开微信的编辑器微信开发者工具。

在微信小程序中怎样设置轮播图中小圆圈的颜色

2、进入项目文件目录,打开一个后缀为wxml的文件。

在微信小程序中怎样设置轮播图中小圆圈的颜色

3、在里面写上swiper标签。

在微信小程序中怎样设置轮播图中小圆圈的颜色

4、在标签里面写上indicator-color="yellow",表示未播放的图片的小圆圈的颜色为黄色。

在微信小程序中怎样设置轮播图中小圆圈的颜色

5、使用indicator-active-color来设置当前播放的图片的额小圆圈的颜色,这里设置为red。

在微信小程序中怎样设置轮播图中小圆圈的颜色

6、在下方填上图片的路径。

在微信小程序中怎样设置轮播图中小圆圈的颜色

7、打开模拟器进行预览,我们可以发现当前第一张图片播放显示为红色,其他为黄色。

在微信小程序中怎样设置轮播图中小圆圈的颜色
© 手抄报圈