wxappb2b/GuangZuan/miniprogram/mHome/pages/search/search.wxml

<!--pages/search/search.wxml-->

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

<view class="container" style="position: relative; padding-bottom: {{safeBottom}}px;"> 
  <!-- 形状 -->
  <view class="cell-view shape" wx:if="{{active !== 2}}"> 
    <text>形状</text>
    <view class="content shape">
      <button wx:for="{{shapes}}" wx:for-item="itm" wx:for-index="idx" class="{{itm.isCheck ? 'active' : ''}}" id="shape {{itm.id}}" wx:key="id" bindtap="onButtonPressed">{{itm.name}}</button>
    </view>
  </view>

  <!-- 晶型 -->
  <view class="cell-view jingxing" wx:if="{{active === 2}}"> 
    <text>晶型</text>
    <view class="content jingxing">
      <button wx:for="{{jingxings}}" wx:for-item="itm" wx:for-index="idx" wx:key="id" class="{{itm.isCheck ? 'active' : ''}}" id="jingxing {{itm.id}}" bindtap="onButtonPressed">{{itm.name}}</button>
    </view>
  </view>

  <!-- 款式 -->
  <view class="cell-view style" wx:if="{{active === 3}}"> 
    <text>款式</text>
    <view class="content style">
      <button wx:for="{{styles}}" wx:for-item="itm" wx:for-index="idx" wx:key="id" class="{{itm.isCheck ? 'active' : ''}}" id="style {{itm.id}}" bindtap="onButtonPressed">{{itm.name}}</button>
    </view>
  </view>

  <!-- 颜色 -->
  <view class="cell-view color"> 
    <text>颜色</text>
    <view class="content color">
      <button wx:for="{{colors}}" wx:for-item="itm" wx:for-index="idx" wx:key="id" class="{{itm.isCheck ? 'active' : ''}}" id="color {{itm.id}}" bindtap="onButtonPressed">{{itm.name}}</button>
    </view>
  </view>

  <!-- 净度 -->
  <view class="cell-view neatness"> 
    <text>净度</text>
    <view class="content neatness">
      <button wx:for="{{neatness}}" wx:for-item="itm" wx:for-index="idx" wx:key="id" class="{{itm.isCheck ? 'active' : ''}}" id="neatness {{itm.id}}" bindtap="onButtonPressed">{{itm.name}}</button>
    </view>
  </view>

  <!-- 切工 -->
  <view class="cell-view qiegong" wx:if="{{(active === 0 || active === 1 || active === 3)}}"> 
    <text>切工</text>
    <view class="content qiegong">
      <button wx:for="{{qiegongs}}" wx:for-item="itm" wx:for-index="idx" wx:key="id" class="{{itm.isCheck ? 'active' : ''}}" id="qiegong {{itm.id}}" bindtap="onButtonPressed">{{itm.name}}</button>
    </view>
  </view>

  <!-- 对称 -->
  <view class="cell-view duicheng" wx:if="{{active !== 2}}"> 
    <text>对称</text>
    <view class="content duicheng">
      <button wx:for="{{duichengs}}" wx:for-item="itm" wx:for-index="idx" wx:key="id" class="{{itm.isCheck ? 'active' : ''}}" id="duicheng {{itm.id}}" bindtap="onButtonPressed">{{itm.name}}</button>
    </view>
  </view>

  <!-- 抛光 -->
  <view class="cell-view polishing" wx:if="{{active !== 2}}"> 
    <text>抛光</text>
    <view class="content polishing">
      <button wx:for="{{paoguangs}}" wx:for-item="itm" wx:for-index="idx" wx:key="id" class="{{itm.isCheck ? 'active' : ''}}" id="polishing {{itm.id}}" bindtap="onButtonPressed">{{itm.name}}</button>
    </view>
  </view>

  <!-- 荧光 -->
  <view class="cell-view yingguang"> 
    <text>荧光</text>
    <view class="content yingguang">
      <button wx:for="{{yingguangs}}" wx:for-item="itm" wx:for-index="idx" wx:key="id" class="{{itm.isCheck ? 'active' : ''}}" id="yingguang {{itm.id}}" bindtap="onButtonPressed">{{itm.name}}</button>
    </view>
  </view>
    
  <!-- 仓库 -->
  <view class="cell-view warehouse"> 
    <text>仓库</text>
    <view class="content warehouse">
      <button style="width: 95%;">---全部---</button>
    </view>
  </view>

   <!-- 货币 -->
   <view class="cell-view currency"> 
    <text>货币</text>
    <view class="currency-radio">
      <van-radio-group value="{{currency}}" direction="horizontal" bind:change="onChange">
        <van-radio name="RMB">人民币</van-radio>
        <van-radio name="DOLLAR">美元</van-radio>
      </van-radio-group>
    </view>
  </view>

  <!-- 证书 -->
  <view class="cell-view certificate" wx:if="{{(active === 1 || active === 3 || active === 4)}}"> 
    <text>证书</text>
    <view class="content certificate">
      <button wx:for="{{certificates}}" wx:for-item="itm" wx:for-index="idx" wx:key="id" class="{{itm.isCheck ? 'active' : ''}}" id="certificate {{itm.id}}">{{itm.name}}</button>
    </view>
  </view>

  <!-- 总重量 -->
  <view class="cell-view totalweight" wx:if="{{(active === 0) || (active === 2)}}"> 
    <text>总重量</text>
    <num-range></num-range>
  </view>

  <!-- 单颗重量 -->
  <view class="cell-view weight" wx:if="{{(active === 0) || (active === 2)}}"> 
    <text>单颗重量</text>
    <num-range></num-range>
  </view>

  <!-- 克拉重量 -->
  <view class="cell-view ctweight" wx:if="{{(active === 1) || (active === 4)}}"> 
    <text>克拉重量</text>
    <num-range></num-range>
  </view>

  <!-- 原产地 -->
  <view class="cell-view product" wx:if="{{active === 2}}"> 
    <text>原产地</text>
    <van-field placeholder="请输入原产地"></van-field>
  </view>

  <!-- 重量 -->
  <view class="cell-view weight" wx:if="{{active === 3}}"> 
    <text>重量</text>
    <num-range></num-range>
  </view>

  <!--  底部视图  -->
  <view class="buttom_view">
    <button bindtap="onButtonPressed" id="clear">清空</button>
    <button bindtap="onButtonPressed" id="search">搜索</button>
  </view>
</view>