wxappb2b/GuangZuan/miniprogram/mMine/pages/myorders/myorders.wxml

<!--pages/mine/myorders/myorders.wxml-->

<!-- tabs -->
<view class="tab-view">
  <van-tabs sticky animated bind:change="onTabChange">
    <van-tab wx:for="{{tabs}}" wx:for-item="itm" wx:key="id" id="{{itm.id}}" active="{{itm.id}}" title="{{itm.name}}"/>
  </van-tabs>  
</view>

<scroll-view class="scroll-view" scroll-x enable-flex style="padding-bottom: {{safeBottom}}px;">
  <!-- 列头 -->
  <view class="title-view" style="width: {{totalWidth}}px;">
    <text class="title-view-text" wx:for="{{titles}}" wx:for-index="idx" wx:for-item="itm" wx:key="idx" id="idx" style="width: {{widths[idx]}}px;">{{itm}}</text>
  </view>

  <!-- 数据内容 -->
  <view class="order-list">
    <view class="order-list-item" wx:for="{{values}}" wx:for-item="lists" wx:key="lists" id="{{index}}" bindtap="onListItemClick">
      <!-- 数据体 -->
      <view class="order-list-item-row" style="width: {{totalWidth}}px;">
        <text wx:for="{{lists}}" wx:for-index="idx" wx:for-item="itm" wx:key="itm" style="width: {{widths[idx]}}px;">{{itm}}</text>
      </view>
      <!-- 按钮 -->
      <view class="order-list-item-btn" wx:if="{{selectRow != -1 && selectRow == index}}">
        <!-- 商品详情 -->
        <button class="goods-detail" id="goods-detail" bindtap="onButtonPressed">商品详情</button>
        <!-- 出售详情 -->
        <button class="sale-detail" id="sale-detail" bindtap="onButtonPressed">出售详情</button>
        <!-- 挂牌详情 -->
        <button class="listing-detail" id="listing-detail" bindtap="onButtonPressed">挂牌详情</button>
        <!-- 买委托单 -->
        <button class="buy-order" id="buy-order" bindtap="onButtonPressed">买委托单</button>
        <!-- 卖委托单 -->
        <button class="sale-order" id="sale-order" bindtap="onButtonPressed">卖委托单</button>
        <!-- 撤销 -->
        <button class="cancel" id="cancel" bindtap="onButtonPressed">撤销</button>
      </view>
    </view>
  </view>
</scroll-view>

<van-empty wx:if="{{isEmpty}}" class="custom-image" description="无数据"/>