daliangzao/pages/kind/index.wxml

<view class='classify-box'>
  <!-- 头部搜索 -->
  <view class='header'>
    <view class='header-box'>
    <view class='auto f-box'>
    <image class='mar-r20' src='../../images/news/l_icon.png' mode="aspectFit"></image>
      <view class='f-item f-box f-align-items-center h-search mar-t20 mar-b20' bindtap='search'>
        <icon class='iconfont icon-sousuo'></icon>
        <input placeholder='输入搜索关键词' disabled="true" class='f-s26'></input>
      </view>
    </view>
      
    </view>
  </view>
  <!-- 内容模块 -->
  <view class='classify-main f-box'>
    <!-- left nav -->
    <view class='class-left'>
      <view class='nav'>
        <view class='nav-list f-box f-align-items-center f-justify-content-center {{item.id === classifyNavActiveId ? "active" : ""}}' wx:for="{{classifyNavList}}" data-item="{{item}}" data-index="{{index}}" bindtap='classifyTap'>{{item.classify_name}}</view>
      </view>
    </view>
    <!-- right content -->
    <view class='class-right f-item'>
      <!-- 筛选-->
      <view class='filter-box'>
        <view class='f-box'>
          <view class='f-item f-box f-align-items-center f-justify-content-center' bindtap='timeSortTap'>
            <text>最新</text>
            <!-- 三角形 -->
            <view class='triangle-box'>
              <view class='triangle-just {{timeSort=="asc" ? "active" : ""}}'></view>
              <view class='triangle-invert {{timeSort=="desc" ? "active" : ""}}'></view>
            </view>
          </view>
          <view class='f-item f-box f-align-items-center f-justify-content-center' bindtap='priceSortTap'>
            <text>价格</text>
            <!-- 三角形 -->
            <view class='triangle-box'>
              <view class='triangle-just {{priceSort == "asc" ? "active" : ""}}'></view>
              <view class='triangle-invert {{priceSort == "desc" ? "active" : ""}}'></view>
            </view>
          </view>
          <view class='f-item f-box f-align-items-center f-justify-content-center' bindtap='filterTap'>
            <text>筛选</text>
            <!-- 三角形 -->
            <view class='triangle-box' style='height:16rpx'>
              <view class='triangle-invert'></view>
            </view>
          </view>
        <!-- 筛选内容 -->
        <view class='filter-main' wx:if="{{filterStatic}}">
          <!-- 第一块内容 -->
          <view class='filter-frist'>
            <radio-group class="radio-group" bindchange="radioChange">
              <label class="radio" wx:for="{{filterArray}}">
                <radio value="{{item.price}}" color='#e60012' />
                {{item.value}}
              </label>
            </radio-group>
          </view>
          <view class='filter-next'>
            <view class='filter-next-title'>价格区间(元)</view>
            <view class='f-box filter-range'>
              <view class='f-item'>
                <input placeholder='最低价' value="{{minPrice}}" bindblur="blurPriceMin"></input>
              </view>
               <view class='f-item'>——</view>
               <view class='f-item'>
                <input placeholder='最高价' value="{{maxPrice}}" bindblur="blurPriceMax"></input>
              </view>
            </view>
          </view>
        </view>
        
      </view>
    </view>
      


      <!-- goodsList -->
      <view class='goods-box '>
      <!-- banner -->
        <view class='goods-ban' wx:if="{{classifyNavList[banIndex].classify_logo}}">
          <image src='{{classifyNavList[banIndex].classify_logo}}' mode='scaleToFill'></image>
        </view>
        <view class='f-box f-flex-wrap f-justify-content-between'>
          <view class='goods-list' wx:for="{{goodsList}}" data-id='{{item.id}}' bindtap='toGoodsDetail'>
            <image src='{{host}}/images/{{item.logo[0]}}' class='goods-img' mode='aspectFit'></image>
            <!-- <view class='goods-summary'></view> -->
            <view class='goods-title'>{{item.commodity_name}}</view>
            <view class='f-box'>
                <view wx:if="{{item.commodity_channel_price && loginStatic}}" class='c-theme'>￥{{item.commodity_channel_price}}</view>
                <view class='c-theme f-item {{item.commodity_channel_price && loginStatic ? "price-cancel" : ""}}'>￥{{item.commodity_sale}}</view>
              </view>
          </view>
        </view>
        
      </view>
      <divider wx:if="{{!requestState && page!=1}}"></divider>
      <data-none wx:if="{{goodsList.length === 0}}"></data-none>
       
    </view>
  </view>
</view>
<view class='ceng' bindtap='close' wx:if="{{filterStatic}}"></view>