<!--pages/category/category.wxml-->

<view class="nav-container search-top">
  <scroll-view class="nav-menu" scroll-y="true">
      <view wx:for="{{navData}}" wx:key="{{j}}" wx:for-index="j" wx:for-item="menuSec" class="menu-item{{j == curMenu[1] ? ' active' : ''}}">
        <view class="menu-name{{j == curMenu[1] ? ' theme-text-color' : ''}}" data-j="{{j}}"
        data-name="{{menuSec.label}}" data-id="{{menuSec.id}}" bindtap="selectMenu">{{menuSec.label}}</view>
      </view>
  </scroll-view>

  <scroll-view class="nav-contents" scroll-y="true">
      <view wx:for="{{navData}}" wx:key="{{j}}" wx:for-index="j" wx:for-item="menuSec" class="nav-content{{j == curMenu[1] ? ' active' : ''}}">
        <navigator hover-class="none" class="sec-menu-image" open-type="navigate" url="/subPackage/page/pages/fun/fun?id={{menuSec.id}}&name={{menuSec.label}}">
          <image src="{{menuSec.image}}" mode="widthFix"></image>
        </navigator>
        <view class="menu-list">
          <view wx:for="{{menuSec.children}}" wx:key="{{k}}" wx:for-index="k" wx:for-item="menuThr" class="menu-third" >
            <view data-id="{{menuThr.id}}" data-name="{{menuThr.label}}" bindtap="navPage">
              <navigator hover-class="none" class="sec-menu-image" open-type="navigate" url="/subPackage/page/pages/categoryPro/categoryPro?id={{menuThr.id}}&name={{menuThr.label}}">
                <image src="{{menuThr.image}}" class="thr-menu-image" ></image>
                <view class="thr-menu-name">{{menuThr.label}}</view>
              </navigator>
            </view>
          </view>
        </view>
      </view>
  </scroll-view>
</view>