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

<!-- 头部视图 -->
<view class="top-view" style="position: sticky; top: 0; z-index: 999;"> 
  <!-- 导航视图 --> 
  <view class="nav-view" style="height: {{ statusBarHeight + navHeight + 10}}px;">
    <!-- tabs -->
    <view class="tab-view" style="padding-top: {{ statusBarHeight }}px; height: {{ navHeight }}px;">
      <van-tabs custom-class="van-tabs" nav-class="van-tabs__nav" sticky animated bind:change="onTabChange" color="#fff" line-width="20px" title-active-color="#fff" title-inactive-color="#CAE5FF">
        <van-tab wx:for="{{ tabs }}" wx:for-item="itm" wx:key="id" id="{{ itm.id }}" title="{{ itm.name }}"/>
      </van-tabs>  

      <!-- 功能区 -->
      <view class="gird-view">
        <view class="gird-view__item" wx:for="{{ menus }}" wx:for-index="idx" wx:for-item="itm" wx:key="id" id="{{ itm.id }}" bindtap="onIconClick">
          <image src="{{ itm.icon }}.png" mode="heightFix"></image>
          <text style="color: #CAE5FF; font-size: 12px;">{{ itm.title }}</text>
        </view>
      </view>
    </view>
  </view>

  <!-- 下拉菜单 -->
  <van-dropdown-menu custom-class="dropdown-menu" active-color="#1989fa">
    <van-dropdown-item id="categorys" value="{{ category }}" options="{{ categorys }}" bind:change="onDropdownChange" />
    <van-dropdown-item id="shapes" value="{{ shape }}" options="{{ shapes }}" bind:change="onDropdownChange" />
    <van-dropdown-item id="claritys" value="{{ clarity }}" options="{{ claritys }}" bind:change="onDropdownChange" />
    <van-dropdown-item id="cuts" value="{{ cut }}" options="{{ cuts }}" bind:change="onDropdownChange" />
    <van-dropdown-item id="fluorescences" value="{{ fluorescence }}" 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="#407DB8" placeholder="请输入商品属性 支持模糊查询">
    <view slot="action" style="color: #fff;" bind:tap="onClick">搜索</view>
  </van-search>
</view>

<!-- 内容滚动视图 --> 
<scroll-view class="content-view" style="padding-bottom: 10px;">
  <!-- 数据 --> 
  <van-swipe-cell wx:for="{{ active === 0 ? sellOrders : askOrders }}" wx:for-item="itm" wx:for-index="idx" wx:key="wrtradeorderid" right-width="50">
    <view class="vanSwipeCell-item">
      <view class="vanSwipeCell-item__top">
        <text>{{ itm.zsshapetypedisplay }}</text>
        <tetx>{{ active === 0 ? itm.remainqty+"ct"+"｜"+itm.zscolortype1display+"｜"+itm.zsclaritytype1display : itm.zstabledisplay }}</tetx>
        <text>{{ active === 0 ? itm.zscurrencytypedisplayunit+itm.price : '' }}</text>
      </view>
      <view class="vanSwipeCell-item__mid">
        <view class="vanSwipeCell-item__mid__left">
          <text>切工：{{ active === 0 ? itm.zscuttype1display : itm.zscuttypedisplay }}</text>
          <text>抛光：{{ active === 0 ? itm.zspolishtype1display : itm.zspolishtypedisplay }}</text>
          <text>尺寸：--</text>
        </view>
        <view class="vanSwipeCell-item__mid__mid">
          <text>对称：{{ active === 0 ? itm.zssymmetrytype1display : itm.zssymmetrytypedisplay }}</text>
          <text>荧光：{{ active === 0 ? itm.zsfluorescencetype1display  : itm.zsfluorescencetypedisplay }}</text>
          <text wx:if="{{ active === 0 }}">证书：--</text>
        </view>
        <view class="vanSwipeCell-item__mid__right" id="favorite {{ idx }}" wx:if="{{ active === 0 }}" bindtap="onButtonPressed">
          <van-icon name="star" color="#407DB8"></van-icon>
          <text>已收藏</text>
        </view>
      </view>
      <view class="vanSwipeCell-item__dwn">
        <text>{{ active === 0 ? itm.sellusername : itm.buyusername }}</text>
        <text>{{ itm.ordertime }}</text>
      </view>
    </view>
    <!-- 左滑按钮 -->
    <view slot="right" class="vanSwipeCell-right ">
      <view class="item detail" id="detail {{ idx }}" style="background-color: yellowgreen;" bindtap="onButtonPressed">详情</view>
    </view>
  </van-swipe-cell>

  <!-- 求购大厅 -->
</scroll-view>

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