<view class="wrapper">
  <view class="app_page-header-search page-header-search">
    <view class="app_page-header-search-warp">
      <label for="header-search">
        <image src=""></image>
      </label>
      <input placeholder-class="app_header-search-placeholder" value="" placeholder="搜索"></input>
    </view>
    <view class="shopping-car" bind:tap="jumpShoppingCar">
      <image src=""></image>
    </view>
  </view>
  <scroll-view
    class="app_nav-wrap"
    scroll-x="{{true}}"
    scroll-with-animation="{{true}}"
    scroll-into-view="item-{{currentCategory * 1 < 4 ? navScrollLeft : currentCategory * 1 - 3}}">
    <view
      class="nav {{currentCategory === item.id ? 'active' : ''}}"
      wx:for="{{category}}"
      wx:key="id"
      data-item="{{item}}"
      bind:tap="handleNav">
      <view class="photo" id="item-{{index}}">
        <image src=""></image>
      </view>
      <view class="name">{{item.name}}</view>
    </view>
  </scroll-view>
  <!--产品-->
  <view
    class="waterfall"
    hidden="{{currentNav === '1'}}">
    <view class="waterfall-left">
      <goods-item-large/>
    </view>
    <view class="waterfall-right">
      <goods-item-large/>
    </view>
  </view>
</view>
