微信小程序轮播图调用接口

大家好，又见面了，我是你们的朋友全栈君。

生命周期函数，页面加载：

onLoad: function (options) { let _this=this;

wx.request({ url: ‘http://www.day.com/index.php/img’, //仅为示例，并非真实的接口地址

method:”GET”,

success (res) { // console.log(res.data.data)

let datas=res.data.data;

// 渲染

_this.setData({datas})

},

})

wx.request({ url: ‘http://www.day.com/index.php/goodsList’, //仅为示例，并非真实的接口地址

method:”GET”,

success (res) { // console.log(res.data.data)

let list=res.data.data;

// 渲染

_this.setData({list})

},

})

}

页面：

<swiper indicator-dots=”{ {true}}” autoplay=”{ {true}}” interval=”{ {1500}}” duration=”{ {500}}” circular=”{ {true}}” indicator-color=”rgb(153,153,153)” indicator-active-color=”rgb(255,255,255)”>

<block wx:for=”{ {datas}}” wx:key=”index”>

<swiper-item>

<image src=”{ {item.img_url}}”/>

</swiper-item>

</block>

</swiper>

发布者：全栈程序员栈长，转载请注明出处：https://javaforall.cn/143323.html原文链接：https://javaforall.cn