school-market/wx-front/pages/catalog/catalog.wxml

<view class="container">
  <view class="search">
    <navigator url="/pages/search/search" class="input">
      <image class="icon"></image>
      <text class="txt">商品搜索,搜索关键字</text>
    </navigator>
  </view>
  <view class="catalog">
    <scroll-view class="nav" scroll-y="true">
        <view class="item {{ currentCategoryId == item.id ? 'active' : ''}}" wx:for="{{navList}}"  data-id="{{item.id}}" data-name="{{item.name}}" data-index="{{index}}" bindtap="switchCate"  wx:key="{{item.id}}">{{item.name}}</view>
    </scroll-view>
    <scroll-view class="cate" scroll-y="true">
        <view class="banner">
            <image class="image" src="https://image.flaticon.com/icons/svg/743/743007.svg"></image>
        </view>
        <view class="hd">
            <text class="line"></text>
            <text class="txt">{{currentCategoryName}}分类</text>
            <text class="line"></text>
        </view>
        <view class="bd">
            <navigator url="/pages/category/category?id={{item.id}}" class="item {{(index+1) % 3 == 0 ? 'last' : ''}}" wx:for="{{currentCategory}}" wx:key="{{item.id}}">
                <image class="icon" src="{{item.iconUrl}}"></image>
                <text class="txt">{{item.name}}</text>
            </navigator>
        </view>
    </scroll-view>
  </view>
</view>