daliangzao/newsShop/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'>
        <icon class='iconfont icon-sousuo'></icon>
        <input placeholder='输入搜索关键词' 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}}" 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='newTap'>
            <text>最新</text>
            <view class='icon-box'>
              <icon class='iconfont .icon-icon_sanjiaoxing-copy {{isNew ? "active" : ""}}'></icon>
              <icon class='iconfont .icon-icon_sanjiaoxing {{isNew ? "" : "active"}}'></icon>
            </view>
          </view>
          <view class='f-item f-box f-align-items-center f-justify-content-center' bindtap='priceTap'>
            <text>价格</text>
            <view class='icon-box'>
              <icon class='iconfont .icon-icon_sanjiaoxing-copy {{isMin ? "active" : ""}}'></icon>
              <icon class='iconfont .icon-icon_sanjiaoxing {{isMin ? "" : "active"}}'></icon>
            </view>
          </view>
          <view class='f-item f-box f-align-items-center f-justify-content-center' bindtap='filterTap'>
            <text>筛选</text>
            <view class='icon-box icon-last'>
              <icon class='iconfont .icon-icon_sanjiaoxing {{filterStatic ? "active" : ""}}'></icon>
            </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.name}}" 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='最低价'></input>
              </view>
               <view class='f-item'>——</view>
               <view class='f-item'>
                <input placeholder='最高价'></input>
              </view>
            </view>
          </view>
        </view>
        
      </view>
      </view>
      


      <!-- goodsList -->
      <view class='goods-box '>
      <view class='f-box f-flex-wrap f-justify-content-between'>
        <view class='goods-list' wx:for="{{goodsList}}">
          <image src='{{item.commodity_logo}}' class='goods-img' mode='aspectFit'></image>
          <!-- <view class='goods-summary'></view> -->
          <view class='goods-title'>{{item.commodity_name}}</view>
          <view class='goods-price'>￥{{item.commodity_sale}}</view>
        </view>
      </view>
      <divider wx:if="{{!requestState}}"></divider>
      <data-none wx:if="{{goodsList.length === 0}}"></data-none>
      </view>
       
    </view>
  </view>
</view>
<view class='ceng' bindtap='close' wx:if="{{filterStatic}}"></view>