小程序-Swiper 和 swiper-item 组件（轮播图）

让科技服务于人民

您的支持是我继续创作及维护的动力，感谢打赏，祝您工作顺利，生活美满！！！

wxml：

<!--轮播图区域--><!--indicator-dots 属性：显示面板指示点--><swiperclass="swiper-container"indicator-dots><swiper-item wx:for="{{swiperList}}"wx:key="id"><image src="{{item.image}}"mode="heightFix"/></swiper-item></swiper>

js：

/** * 页面的初始数据 */data:{//存放轮播图数据的列表swiperList:[],},/** * 生命周期函数--监听页面加载 */onLoad(options){//调用获取轮播图的函数this.getSwiperList();},//获取轮播图数据的方法getSwiperList(){wx.request({url:'https://applet-base-api-t.itheima.net/slides',method:'GET',success:(res)=>{//设置data中的数据this.setData({swiperList:res.data})}})}