<view class="wrapper">
  <view class="app_page-header-search page-header-search">
    <view class="app_page-header-search-warp app_width-690">
      <label for="header-search">
        <image src="../../image/common/search@2x.png"></image>
      </label>
      <input
        placeholder-class="app_header-search-placeholder"
        value="{{searchForm.key_words}}"
        placeholder="搜索"
        data-formkey="key_words"
        bind:input="handleKeyWords"></input>
    </view>
  </view>
  <scroll-view
    class="app_nav-wrap"
    scroll-x="{{true}}"
    scroll-with-animation="{{true}}"
    scroll-into-view="item-{{searchForm.category_id * 1 < 4 ? navScrollLeft : searchForm.category_id * 1 - 3}}">
    <view
      class="nav {{searchForm.category_id === item.id ? 'active' : ''}}"
      wx:for="{{categoryList}}"
      wx:key="id"
      data-item="{{item}}"
      bind:tap="handleNav">
      <view
        class="photo"
        id="item-{{index}}">
        <image src="{{item.category_img_url}}"></image>
      </view>
      <view class="name">{{item.category_name}}</view>
    </view>
  </scroll-view>
  <!--瀑布流-->
  <view class="waterfall">
    <view class="waterfall-left">
      <block wx:for="{{leftList}}" wx:key="id">
        <goods-item-large item="{{item}}"/>
      </block>
    </view>
    <view class="waterfall-right">
      <block wx:for="{{rightList}}" wx:key="id">
        <goods-item-large item="{{item}}"/>
      </block>
    </view>
  </view>
  <!-- 无数据 -->
  <view class="list-bitmap" wx:if="{{finished && listData.length < 1}}">
    <image src="../../image/common/bitmap.png"></image>
    <text>暂无数据</text>
  </view>
  <view class="pullup-wrapper" wx:if="{{!isRefresh}}">
    <van-loading
      wx:if="{{!finished}}"
      size="24px"
      type="spinner">加载中...
    </van-loading>
  </view>
</view>