uniapp开发日记——使用组件swiper-item

772 阅读1分钟

swiper常用组件参数

indicator-dots 是否显示面板指示点(默认值false)

indicator-color 设置指示点颜色 (默认值rgba(0,0,0,.3))

indicator-active-color 当前选中的指示点颜色 (#000000)

autoplay 是否默认切换(默认值false)轮播图设置true,引导页设置false

interval 设置轮播时间( autoplat生效才生效)

1)创建页面Guide 2)界面输入uswiper写入模块代码 image.png 3)swiper-item代表一个引导页页面,在swiper-item的view中书写图片代码image image.png 4)在页面底部写入css样式,并引用css样式

image.png

image.png

5)在swiper后添加参数indicator-active-color、indicator-color修改引导页指示点选中和未选择颜色。

image.png

将autoplay的值修改为false让图片停止轮播

效果:

image.png