toktok-front/toktok-wx-applet/pages/mineOrderBeer/mineOrderBeer.wxml

<!--pages/mineOrderBeer/mineOrderBeer.wxml-->
<wxs module="filter" src="/utils/filter.wxs"></wxs>

<view class="head-tab">
  <text bindtap="swicthTab" data-tab="0" style="{{tabStatus==0?'color: #FF5700;':''}}">全部</text>
  <text bindtap="swicthTab" data-tab="1" style="{{tabStatus==1?'color: #FF5700;':''}}">进行中</text>
  <text bindtap="swicthTab" data-tab="2" style="{{tabStatus==2?'color: #FF5700;':''}}">已完成</text>
</view>

<view class="box-list" wx:for="{{orderList}}" wx:key="index" bindtap="toProgress" data-infolist="{{item.orderInfoList}}">
  <view class="box-tilte">
    <text>{{item.boxName}}</text>
    <text>{{filter.orderStatus(item.boxOrderStatus)}}</text>
  </view>
  <view class="box-con">
    <image src="{{item.boxLogo}}" mode=""/>
    <view class="order-time">
      <text>订购周期 ({{item.month}}个月)</text>
      <text>订购时间 {{item.buyTime}}</text>
    </view>
    <text class="box-pri">¥{{item.price}}</text>
  </view>
</view>
<!-- wx:if="{{orderList.length==0}}" -->
<view wx:if="{{noDataStatus}}" class="nonedata-style">
  <image src="/static/img/hemaNo.png"></image>
  <text>哎呀, 你太矜持啦
还没有任何订购信息哦</text>
  <view class="push-btn" bindtap="toBeerBox">去看看盲盒订制</view>
</view>