<view>
  <!-- header -->
<view class='header'>
  <view class='header-box'>
    <view class='f-box f-justify-content-center'>
      <view wx:for="{{dataStateArray}}" data-state="{{item.state}}" class='f-item header-item {{item.id == isSelect ? "bdc-theme c-theme":""}}' data-id="{{item.id}}" bindtap='tab'>
        {{item.classify_name}}
      </view>
    </view>
  </view>
</view>
<!-- nav 筛选 -->
<view class='header' style='padding-top:84rpx;'>
  <view class='header-box' style='height:80rpx;line-height:80rpx;top:104rpx;border-top:2rpx solid #e0e0e0;border-bottom:2rpx solid #e0e0e0;'>
    <view class='f-box'>
      <view class='f-item f-box f-align-items-center f-justify-content-center' bindtap='timeSortTap'>
        <view>最新</view>
        <!-- 三角形 -->
        <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'>
        <view>价格</view>
        <!-- 三角形 -->
        <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='priceMaxMinTap'>
        <view>筛选</view>
        <!-- 三角形 -->
        <view class='triangle-box' style='height:16rpx'>
          <view class='triangle-invert'></view>
        </view>
      </view>
      
    </view>
    <!-- 筛选内容 -->
        <view class='filter-main' wx:if="{{filterStatic}}">
          <!-- 第一块内容 -->
          <view class='filter-frist' wx:if="{{filterArray.length > 0}}">
            <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='最低价' bindblur="blurPriceMin"></input>
              </view>
               <view class='f-item'>——</view>
               <view class='f-item'>
                <input placeholder='最高价' bindblur="blurPriceMax"></input>
              </view>
            </view>
          </view>
        </view>
  </view>
</view>
<!-- 内容 -->
<view class='gift-box'>
  <!-- goodsList -->
    <view class='f-box f-flex-wrap f-justify-content-between'>
      <view class='goods-list' wx:for="{{goodsList}}">
        <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='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 class='ceng' bindtap='close' wx:if="{{filterStatic}}"></view>