条件:已知还差几人成团的人数,差几人就有几个默认头像
思路:将还差几人重新赋值后,判断还差几人是否>0,利用for循环将默认的头像push到页面循环的数组内
wxml代码:
<view class="font-14">还差
<text style='color:#e64340'>{{collage.people_num-collageTeam.join_people}}</text>
位用户可成团
</view>
<view class="containers" >
<view class="item" wx:for="{{user_list}}" wx:key="*this">
<image class="images" src="{{item.head_img}}"></image>
</view>
</view>
js代码:
// 设置拼团剩余人数数组
var remainder = request.data.collage.people_num-request.data.collageTeam.join_people
if (remainder > 0) {
for (var i = 0; i < remainder; i++) {
request.data.user_list.push({ head_img: "/static/images/yuan.png" });
}
}