寫完調(diào)用天氣接口的demo之后，小程序調(diào)用天氣接口并且渲染在頁面，順便再調(diào)用了一下美圖的接口API：

美圖API

url

wxml：

<view class='imagesize' wx:for="{{list}}" wx:key="index"><image src="{{list.img}}" class='in-image' ></image></view>

js：

Page({ data: {  list: [] }, onLoad: function (options) {  wx.request({   url: 'https://api.apiopen.top/getImages',   header: {    'content-type': 'application/json'   },   success: res => {    console.log(res.data)    this.setData({     //第一個(gè)data為固定用法，第二個(gè)data是json中的data     list: res.data.result[0],    })   }  }) },})

css：

.imagesize { display: flex; justify-content: center;}.imagesize image { width: 400rpx; height: 400rpx;}

注意

以上代碼里面每次刷新的時(shí)候，都會(huì)隨機(jī)調(diào)用接口數(shù)據(jù)

因?yàn)榻涌谖臋n里面有說明，傳0或者不傳會(huì)隨機(jī)推薦圖片

所以我們在掉接口的時(shí)候可以在url后面綁定參數(shù)：

url: 'https://api.apiopen.top/getImages?page=1&count=2',

以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持錯(cuò)新站長站。