swiper组件的常用属性

这节课来了解一下swiper组件的几个常用属性。第一个常用属性是indicator-dots,通过这个属性,可以来指定是否展示小圆点。比如说,默认情况下,我们在页面上呢,只有一个对应的轮播图,但如果我们希望在底下展示一个小圆点呢?可以加上这么一个属性来找到swept节点,只要加上这个属性就可以了。保存之后,大家发现在页面上的轮播图中就多了底下的点。那同时,咱们还可以给这个点添加颜色,比如说激活的颜色,还有没有激活的颜色都可以来进行设置。可以使用indicator-color,来设定没有被激活的那些小圆点的颜色,默认情况下是一个黑色的。

来一个白色对还可以加一个空格里面来一个,然后杠color来个颜色,咱们来看一下效果。

没有被激活的小站点都是一个白色的一个样式,被激活的,默认是一个黑色的样式,如果希望更改激活的样式,可以加一个indicator-active-color,来一个红色read保存。

如上,被激活的小圆点就变成了一个红色,只不过这个配色太丑了。可以来个灰色,保存之后再来看效果,此时样式就比较好看一些了。

除了这三个属性之外咱们还可以加一个autoplay,代表是否自动切换。默认情况下是不会自动切换的,只要加上autoplay属性,就能够实现轮播图的自动切换了。

IT赶路人

专注IT知识分享