wxappb2b/GuangZuan/miniprogram/mTrade/pages/listingsell/index.wxml

<view class="container">
  <!-- top-view --> 
  <view class="top-view" style="position: sticky; top: 0; z-index: 999;">
   <!-- 导航栏 -->
   <van-nav-bar custom-style="background-color: #407DB8">
      <van-icon slot="left" name="arrow-left" size="25px" color="#fff" bind:click="backToParent"/>
      <text slot="title" style="color: #fff;">我要出售</text>
    </van-nav-bar>

    <!-- tabs -->
    <view class="tab-view">
      <van-tabs swipeable bind:change="onTabChange" color="#2270D9" line-width="20px" title-inactive-color="#333" title-active-color="#407DB8">
        <van-tab wx:for="{{tabs}}" wx:for-item="itm" wx:key="id" id="{{itm.id}}" title="{{itm.name}}"/>
      </van-tabs>  
    </view>

    <!-- 履约模板 -->
    <view class="tmp_view" style="background-color: white;">
      <van-cell-group>
        <van-field label="履约模板:" value="{{ tmp.templatename }}" readonly is-link bind:click-input="showPlanTmps" />
      </van-cell-group>
      <view class="tmp_view__step">
        <view class="tmp_view__step__item" wx:for="{{ tmp.LstStep }}" wx:for-item="itm" wx:for-index="idx" wx:key="idx"> 
          <text style="color: white; background-color: {{ colors[idx] }};">{{ itm.stepinfo }}</text>
          <text>{{ itm.stepdate }}</text>
        </view>
      </view>
    </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-dwn">
        <text wx:for="{{ titles[1] }}" wx:for-item="itm" wx:for-index="idx" wx:key="idx">{{ itm }}</text>
      </view>
    </view>
  </view>

  <van-swipe-cell wx:for="{{ values }}" wx:for-item="itm" wx:for-index="idx" wx:key="idx" bind:click="onSelectItem" id="{{ idx }}">
    <view class="item-view {{ values[idx].isChecked ? 'active' : '' }}">
      <view class="item-view-up">
        <text wx:for="{{ itm.up }}" wx:for-item="data" wx:for-index="idx" wx:key="idx">{{ data }}</text>
      </view>
      <view class="item-view-dwn">
        <text wx:for="{{ itm.dwn }}" wx:for-item="data" wx:for-index="idx" wx:key="idx">{{ data }}</text>
      </view>
    </view>
  </van-swipe-cell>

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

  <!-- 提交按钮视图 -->
  <view class="button-view" style="padding-bottom: {{ safeBottom }}px;">
    <van-button id="close" block round color="#7232dd" bind:click="doListingSell">确认出售</van-button>
  </view>
</view>

<!-- 履约模板 -->
<van-popup show="{{ show }}" position="bottom" custom-style="height: 30%"  bind:click-overlay="onClose">
  <van-picker show-toolbar bind:confirm="onSelect" bind:cancel="onClose" columns="{{ actions }}" title="请选择履约模板" />
</van-popup>