1.在index.wxml中代码编写:
Scroll-view:可滚动视图区域
Swiper:图片轮播容器
indicator-dots:boolean类型,是否显示面板指示点(默认false)
autoplay:boolean类型,是否自动切换(默认false)
interval:number类型,自动切换时间间隔
duration:number类型,滑动动画时长
imgUrls:多个图片的路径集合
item:循环遍历后单个图片的路径
官方参考文档:https://developers.weixin.qq.com/miniprogram/dev/component/swiper.html
<scroll-view class="container">
<swiper indicator-dots="{
{indicatorDots}}" autoplay="{
{autoplay}}" interval="{
{interval}}" duration="{
{duration}}">
<block wx:for="{
{imgUrls}}">
<swipe