wxappb2b/GuangZuan/miniprogram/pages/trade/index.wxml

<!-- 头部视图 -->
<view class="top-view" style="position: sticky; top: 0; z-index: 999;"> 
  <!-- 导航栏 -->
  <nav-bar title="挂牌大厅" left="{{false}}"></nav-bar>

  <!-- tabs -->
  <view class="tab-view">
    <van-tabs custom-class="van-tabs"  sticky animated bind:change="onTabChange" color="#2270D9" title-active-color="#2270D9" title-inactive-color="#8F8AA6">
      <van-tab wx:for="{{tabs}}" wx:for-item="itm" wx:key="id" id="{{itm.id}}" title="{{itm.name}}"/>
    </van-tabs>  
    <van-icon id="listing-buy" name="plus" size="20" bind:click="onIconClick"/>
    <van-icon id="listing-sell" name="minus" size="20" bind:click="onIconClick"/>
    <van-icon id="search" name="search" size="20" bind:click="onIconClick"/>
  </view>

  <!-- 下拉菜单 -->
  <van-dropdown-menu custom-class="dropdown-menu" active-color="#1989fa" wx:if="{{active == 0}}">
    <van-dropdown-item id="categorys" value="{{ 2 }}" options="{{ categorys }}" bind:change="onDropdownChange" />
    <van-dropdown-item id="shapes" value="{{ '1' }}" options="{{ shapes }}" bind:change="onDropdownChange" />
    <van-dropdown-item id="claritys" value="{{ 1 }}" options="{{ claritys }}" bind:change="onDropdownChange" />
    <van-dropdown-item id="cuts" value="{{ 1 }}" options="{{ cuts }}" bind:change="onDropdownChange" />
    <van-dropdown-item id="fluorescences" value="{{ 1 }}" options="{{ fluorescences }}" bind:change="onDropdownChange"/>
  </van-dropdown-menu>

  <!-- 搜索框 -->
  <van-search model:value="{{ zsallproperties }}" use-action-slot="{{true}}" wx:if="{{active != 0}}" shape="round" input-align="center" background="#2270D9" placeholder="请输入商品属性 支持模糊查询">
    <view slot="action" style="color: white;" bind:tap="onClick">搜索</view>
  </van-search>

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

<!-- 内容滚动视图 --> 
<scroll-view class="content-view" style="padding-bottom: {{safeBottom+48}}px;">
  <!-- 数据 --> 
  <van-swipe-cell wx:if="{{active == 1}}" wx:for="{{values}}" wx:for-item="itm" wx:for-index="idx" wx:key="idx" right-width="{{ width }}">
    <view class="item-view">
      <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-mid">
        <text wx:for="{{itm.mid}}" wx:for-item="data" wx:for-index="idx" wx:key="idx">{{data}}</text>
      </view>
      <view class="item-view-dwn" wx:if="{{itm.dwn.length != 0}}">
        <text wx:for="{{itm.dwn}}" wx:for-item="data" wx:for-index="idx" wx:key="idx">{{data}}</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 wx:if="{{active == 0}}" class="item favorite" id="favorite {{idx}}" style="background-color: red;" bindtap="onButtonPressed">收藏</view>
      <view wx:if="{{active == 1}}" class="item delisting" id="delisting {{idx}}" style="background-color: goldenrod;" bindtap="onButtonPressed">摘牌</view>
    </view>
  </van-swipe-cell>
</scroll-view>

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