<!--pages/category/category.wxml-->
<view class="container" style="padding-top: {{pageTopHeight}}px;">
  <!-- 头部搜索区 -->
  <navbar>
    <view class="top-search-input">
      <swiper vertical="true" circular="true" autoplay="true" interval="3000" class="top-search-swiper" bindtap="toSearchPage" bindchange="topSwiperChange">
        <swiper-item wx:for="{{hotList}}" wx:key="index">{{item.name}}</swiper-item>
      </swiper>
      <view class="top-search-line">|</view>
      <view class="top-search-text" bindtap="topHotSearch">搜索</view>
    </view>
  </navbar>
  <!-- 滚动内容区 -->
  <view class="main" wx:if="{{categoryList.length>0}}">
    <!-- 左侧菜单start -->
    <scroll-view scroll-y="true" class='leftmenu'>
      <block wx:for='{{categoryList}}' wx:key='categoryId'>
        <view class='menu-item {{selIndex==index?"active":""}} ' data-index="{{index}}" data-id="{{item.categoryId}}" bindtap='onMenuTab'>
          {{item.categoryName}}
        </view>
      </block>
    </scroll-view>
    <!-- 左侧菜单end -->

    <!-- 右侧内容start -->
    <scroll-view scroll-y="true" class='rightcontent' scroll-into-view="{{toViewId}}">
      <view class='adver-map'>
        <view class='item-a'>
          <image src='{{categoryImg}}'></image>
        </view>
      </view>
      <block wx:if="{{subCategoryList.length>0}}">
        <block wx:for="{{subCategoryList}}" wx:key='categoryId' wx:for-index='subCateIndex'>
          <view class='sub-category'>
            <view class="sub-category-con">
              <view class="sub-cate-title">
                <text class="sub-cate-text">{{item.categoryName}}</text>
                <text class="view-all" bindtap="toCatePage" data-type="all" data-subcateindex="{{subCateIndex}}" data-parentid="{{item.parentId}}" data-categoryId="{{item.categoryId}}">查看全部</text>
                <van-icon name="arrow" color="#999999" size="14" />
              </view>
              <view class="th-cate-con">
                <block wx:for="{{item.categories}}" wx:key='categoryId' wx:for-item='thCateItem'>
                  <view class='sub-category-item' bindtap='toCatePage' data-categoryid="{{thCateItem.categoryId}}" data-parentid="{{item.categoryId}}">
                    <image src='{{thCateItem.pic}}' mode='widthFix' class="sub-category-item-pic"></image>
                    <text>{{thCateItem.categoryName}}</text>
                  </view>
                </block>
              </view>
            </view>
          </view>
        </block>
      </block>
      <view class="sub-cate-title not-category-data" wx:else>
        <view class="sub-cate-text">无二级分类</view>
        <view class="view-all" bindtap="toCategoryPage">查看全部
          <van-icon name="arrow" color="#999999" size="14" />
        </view>
      </view>
    </scroll-view>
    <!-- 右侧内容end -->
  </view>
  <view class="not-data-list" wx:else>
    <van-empty image="search" description="附近暂无可配送门店" />
    <view class="reset-localization" bindtap="toLocationPage">定位不准确？<text style="color: rgb(40,120,255);">点击手动定位</text></view>
  </view>
</view>
<wxs module="wxs" src="../../wxs/number.wxs" />