wxlitian/miniprogram/pages/goods/category/index.wxml

<!--pages/goods/category/index.wxml-->
<n-spin spinning="{{loading}}">
  <view class="page-wrap">
    <t-navbar title="{{pageTitle}}" leftIcon="chevron-left" homeIcon="search" bind:go-back="onGoBack" bind:go-home="onGoSearch" t-class-left-icon="left-icon-back" t-class-home-icon="home-icon" t-class-title="nav-title" />
    <view class="scroll-wrap">
      <n-sidebar class="sidebar-scroll" active="{{active}}" scrollMaxHeight="{{scrollMaxHeight}}" bindchange="onSidebarChange">
        <n-sidebar-item wx:for="{{data}}" wx:key="index" title="{{item.label}}" borderColor="#555" />
      </n-sidebar>
      <scroll-view scroll-y class="itembar-scroll" style="height: {{scrollMaxHeight}}px;">
        <view class="px-3 pt-3" wx:if="{{advs && advs.length > 0}}">
          <view style="grid-template-columns: repeat(1, 100%); gap: 30rpx; display: grid;">
            <block wx:for="{{advs}}" wx:key="index">
              <template is="showadv" data="{{...item}}" />
            </block>
          </view>
        </view>
        <view class="px-3 pt-3">
          <view class="n-grid n-grid-col-{{columnSize}}">
            <block wx:for="{{albums}}" wx:key="index">
              <template is="showimage" data="{{...item, columnSize, isText}}" />
            </block>
          </view>
        </view>
        <view style="height: 200rpx;" />
      </scroll-view>
    </view>
  </view>
</n-spin>
<template name="showadv">
  <view>
    <t-image t-class="w-100 clear" src="{{image}}" mode="widthFix" data-tagid="{{value}}" bindtap="gotoAdvtag" />
  </view>
</template>

<template name="showimage">
  <view>
    <t-image t-class="w-100 clear" src="{{image}}" mode="widthFix" data-value="{{value}}" bindtap="gotoDetail" />
    <view wx:if="{{isText}}" class="text-center text-sm gray-1">{{label}}</view>
  </view>
</template>