<view class="item" wx:for="{{Items}}">
<view class="item-IMG">
<image src="cloud://cloud1-2g85e0fnd7caadea.636c-cloud1-2g85e0fnd7caadea-1308292860/images/Index/周末训练/轨迹直播.jpg"></image>
</view>
<view class="item-TEX">
<text>Grade-1(G-1)轨迹直播</text>
<view catchtap="catchVideoTap" type="primary" class="Button">
<button>点击查看</button>
</view>
</view>
</view>
需要替换的是
<view class="item" wx:for="{{Items}}">
<view class="item-IMG">
<image src="cloud://cloud1-2g85e0fnd7caadea.636c-cloud1-2g85e0fnd7caadea-1308292860/images/Index/周末训练/轨迹直播.jpg"></image>
</view>
<view class="item-TEX">
<!---key名自己修改下-->
<text>{{item.key}}</text>
<view catchtap="catchVideoTap" type="primary" class="Button">
<button>点击查看</button>
</view>
</view>
</view>
在组件上使用 wx:for 控制属性绑定一个数组,即可使用数组中各项的数据重复渲染该组件。
默认数组的当前项的下标变量名默认为 index,数组当前项的变量名默认为 item
https://developers.weixin.qq.com/miniprogram/dev/reference/wxml/list.html