【微信小程序】布局

循环

<block wx:for="{{logs}}" wx:for-item="log">
    <text class="log-item">{{index + 1}}. {{log}}</text>
</block>

判断

<block wx:if="{{bol}}"><text>111</text></block>
<block wx:else><text>222</text></block>

单选

<view class="state-cate">
    <text class="{{item.isLose ? 'lose' : '' }} {{(current == item.id && !item.isLose) ? 'active' : ''}}"  
    wx:for="{{tags}}" wx:key="index" 
    data-id="{{item.id}}" 
    data-lose="{{item.isLose}}" 
    bindtap="goSelect">{{item.text}} </text>
</view>
data:{
    current: 0,//当前显示模块id
    isLen: false,//是否有选中的模块
    tags: [
        {
            "id": 1,
            "text": "3斤装",
            "isActive": true, //选中
            "isLose": false //缺货
        },
        {
            "id": 2,
            "text": "4斤装",
            "isActive": false,
            "isLose": true  
        } 
    ] 
},
goSelect: function (e) {
    var id = e.currentTarget.dataset.id;
    var lose = e.currentTarget.dataset.lose
    this.setData({
        current: id,
        isLen: !lose
    })
}

 

已标记关键词 清除标记
相关推荐
©️2020 CSDN 皮肤主题: 数字20 设计师:CSDN官方博客 返回首页