wxappb2b/GuangZuan/miniprogram/mMine/pages/myperformance/his/his.wxml

<!--mMine/pages/myperformance/his/his.wxml-->
<view class="topView">
  <!-- 导航栏 -->
  <van-nav-bar custom-style="background-color: #E92020">
    <van-icon slot="left" name="arrow-left" size="25px" color="white" bind:click="backToParent"/>
    <text slot="title" style="color: white;">历史履约</text>
  </van-nav-bar>

  <!-- 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>

  <!-- 列头 --> 
  <view class="title-view">
    <view class="title-view-up">
      <text wx:for="{{titles[0]}}" wx:for-item="itm" wx:for-index="idx" wx:key="idx">{{itm}}</text>
    </view>
    <view class="title-view-down">
      <text wx:for="{{titles[1]}}" wx:for-item="itm" wx:for-index="idx" wx:key="idx">{{itm}}</text>
    </view>
  </view>
</view>

<!-- 内容滚动视图 --> 
<scroll-view class="content-view">
  <!-- 数据 --> 
  <van-swipe-cell wx:for="{{datas}}" wx:for-item="data" wx:key="ladingbillid" right-width="{{ 50 }}">
    <view class="item-view">
      <view class="item-view-up">
        <text>￥{{data.price}}</text>
        <text>￥{{data.buyorsell == 0 ? data.buypaidamount : data.sellreceivedamount}}</text>
        <text>￥{{data.buyorsell == 0 ? data.buyerfreezeamount : data.sellerfreezeamount}}</text>
        <text>{{data.steptypeid}}</text>
        <text>{{data.remaindays}}</text>
      </view>
      <view class="item-view-down">
        <text>{{data.zsshapetypedisplay}}-</text>
        <text>{{data.zscolortype1display}}-</text>
        <text>--</text>
        <text>{{data.accountname}}</text>
        <text>{{data.performancestatus}}</text>
      </view>
    </view>
    <view slot="right" class="van-swipe-cell__right">
      <view class="item detail" id="detail {{idx}}" style="background-color: yellowgreen;" bindtap="onButtonPressed">详情</view>
    </view>
  </van-swipe-cell>
</scroll-view>

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