yanglao/addons/service/wxapp/用户端/pages/classify/classify.wxml

<!--pages/classify/classify.wxml-->
<wxs src="../../wxs/tool.wxs" module="tool"></wxs>
<view class="classify">
  <view class="z-flex-c z-padding-lr-32 z-padding-b-24 z-font-w z-font-32" style="padding-top:{{safeTop}};height: {{menuH}};box-sizing: content-box;" >
    分类
  </view>

  <view class="classify_box ">
    <!-- 左盒子 -->
    <scroll-view class="classify_left" scroll-y show-scrollbar="{{false}}" enhanced="true">

      <view class="z-font-30  label hidden {{active == index ? 'active text_333' : 'text_999'}}" bindtap="change" data-index="{{index}}" wx:for="{{cate}}">{{item.label}}</view>
    </scroll-view>

    <!-- 右盒子 -->
    <view class="classify_right z-margin-l-24  z-radius-t-16">
      <view class="classify_right_title z-padding-30 z-font-w">
        {{cate[active].label}}
      </view>
      <view class="classify_right_con">
        <scroll-view scroll-y show-scrollbar="{{false}}" enhanced="true" class="classify_right_scroll"
          bindscrolltolower="lowerthreshold">
          <view class="classify_right_box">
            <view  class="classify_right_item z-margin-l-24 z-margin-b-24 "
              wx:for="{{cate[active].children}}" wx:key="cate[active].id" data-item="{{item}}" bindtap="cateTap">
              <image src="{{tool.cdn(item.image)}}" class="classify_right_box_img z-radius-16" mode="aspectFill" />
              <view class="z-margin-t-16 z-font-22">{{item.label}}</view>
            </view>
          </view>
        </scroll-view>
      </view>
    </view>
  </view>
</view>