在我的小程序豆子碎片项目中，要求根据文章的一些状态属性显示不同的标签？

例如，在24小时内发布的文章，标签显示新，浏览量超过50，显示热，超过500，显示爆，超过5000，显示燃，加锁状态，显示锁等。

我是这样实现的，我使用的WeUI，在列表中要显示标签，需要使用weui-badge，它可以显示数字，也可以显示文字。

WXML页面写法如下：

 <!-- 内容-->
    <!--循环输出-->
    <view class="weui-cells">
      <block wx:for="{{artList}}" wx:key="uuid" >
        <view aria-labelledby="js_cell_l1_bd " aria-describedby="js_cell_l1_note" class="weui-cell weui-cell_access" hover-class="weui-cell_active" bindtap="jump" data-idx="{{index}}" data-guid="{{item.uuid}}" data-stars="{{item.views}}">
          <view class="weui-cell__bd" id="js_cell_l1_bd" aria-hidden="true">
            <view>{{item.title}}</view>
          </view>
          <view class="weui-cell__ft weui-cell__ft_in-access" aria-hidden="true">
            <text wx:if="{{ item.lockState == 1 }}" id="js_cell_l1_note" aria-label="，锁" class="weui-badge weui-badge_dot">锁</text>
            <text wx:elif="{{ item.createTime > yestTime }}" id="js_cell_l1_note" aria-label="，新" class="weui-badge weui-badge_dot">新</text>
            <!-- <text wx:elif="{{ item.updateTime > item.createdTime }}" id="js_cell_l1_note" aria-label="，有更新" class="weui-badge weui-badge_dot">修</text> -->
            <text wx:elif="{{ item.views > 50 }}" id="js_cell_l1_note" aria-label="，火" class="weui-badge weui-badge_dot">热</text>
            <text wx:elif="{{ item.views > 500 }}" id="js_cell_l1_note" aria-label="，非常火" class="weui-badge weui-badge_dot">爆</text>
            <text wx:elif="{{ item.views > 5000 }}" id="js_cell_l1_note" aria-label="，超级火" class="weui-badge weui-badge_dot">燃</text>
          </view>
        </view>
      </block>
    </view>
    <!--循环输出-->
   

项目已经开源，开源地址参考我主页的个人网站