微信小程序—判断参团人数(设置拼团剩余人数数组)

条件:已知还差几人成团的人数,差几人就有几个默认头像

思路:将还差几人重新赋值后,判断还差几人是否>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" });
    }
}

猜你喜欢

转载自blog.csdn.net/aaaaaayuan/article/details/81511574