From 509fe203f7be642a409a39a1d35b7d975373cb2f Mon Sep 17 00:00:00 2001
From: jing <1683105490@qq.com>
Date: Fri, 18 Sep 2026 17:28:51 +0800
Subject: [PATCH] =?UTF-8?q?chore=EF=BC=9A=E5=95=86=E5=93=81=E5=88=86?=
 =?UTF-8?q?=E7=B1=BB=E6=A8=A1=E6=9D=BF5=20=E6=9B=B4=E6=94=B9=E5=AE=8C?=
 =?UTF-8?q?=E6=88=90?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components-diy/diy-category.vue | 46 +++++++++++++++++++++------------
 1 file changed, 30 insertions(+), 16 deletions(-)

diff --git a/components-diy/diy-category.vue b/components-diy/diy-category.vue
index dc58fb5..c8faf84 100644
--- a/components-diy/diy-category.vue
+++ b/components-diy/diy-category.vue
@@ -156,23 +156,37 @@
 					</view>
 					</scroll-view>
 
-					<!-- 模板5: 左侧分类树 + 右侧纵向平铺"全部分类"(每个一级分类: 标题 + 商品网格)
-					     与模板1 的核心区别: 模板1 一次只渲染选中的那个分类(display 切换),
-					     模板5 把全部分类按顺序纵向平铺; 左侧点击分类用 scroll-into-view 定位,
+					<!-- 模板5 + 二级分类(value.level==2): 单面板切换 - 右侧只显示"当前选中"的一级分类,
+					     点左侧分类切换, 其它分类隐藏(display:none); 每个一级分类: 标题 + 商品网格 -->
+					<scroll-view scroll-y="true" class="content-wrap"
+						v-else-if="value.template == 5 && value.level == 2"
+						:refresher-enabled="true" refresher-default-style="none"
+						:refresher-triggered="triggered" @refresherrefresh="onRefresh" @refresherrestore="onRestore">
+						<view class="child-category-wrap" v-for="(item, index) in categoryTree" :key="index"
+							:id="'category-' + index" :style="{ display: select == index ? 'block' : 'none' }">
+							<diy-category-item :category="item" :value="value" ref="categoryItem" :index="index"
+								:select="select" :oneCategorySelect="oneCategorySelect" :isList="isList"
+								@tologin="toLogin" @selectsku="selectSku($event, index)" @addCart="addCartPoint"
+								@saveSecondCategory="saveSecondCategoryName">					</diy-category-item>
+						</view>
+					</scroll-view>
+
+					<!-- 模板5 + 三级分类(value.level!=2): 左侧分类树 + 右侧纵向平铺"全部一级分类",
+					     每个一级分类: 标题 + 二级分类网格; 左侧点击分类用 scroll-into-view 定位,
 					     滚动时由 listenScroll 反推并高亮左侧分类 -->
 					<scroll-view scroll-y="true" class="content-wrap" v-else-if="value.template == 5"
-					ref="contentWrap" :scroll-into-view="categoryId" :scroll-with-animation="true"
-					:refresher-enabled="true" refresher-default-style="none"
-					:refresher-triggered="triggered" @refresherrefresh="onRefresh" @refresherrestore="onRestore"
-					@scroll="listenScroll" @touchstart="touchStart">
-					<view class="child-category" v-for="(item, index) in categoryTree" :key="index"
-						:id="'category-' + index">
-						<diy-category-item :category="item" :value="value" ref="categoryItem" :index="index"
-							:select="select" :oneCategorySelect="oneCategorySelect" :isList="isList"
-							@tologin="toLogin" @selectsku="selectSku($event, index)" @addCart="addCartPoint"
-							@loadfinish="getHeightArea" @saveSecondCategory="saveSecondCategoryName"></diy-category-item>
-					</view>
-					<view class="end-tips" ref="endTips" :style="{ opacity: endTips }">{{ $lang('components-diy.diy-category.reachedBottom') }}</view>
+						ref="contentWrap" :scroll-into-view="categoryId" :scroll-with-animation="true"
+						:refresher-enabled="true" refresher-default-style="none"
+						:refresher-triggered="triggered" @refresherrefresh="onRefresh" @refresherrestore="onRestore"
+						@scroll="listenScroll" @touchstart="touchStart">
+						<view class="child-category" v-for="(item, index) in categoryTree" :key="index"
+							:id="'category-' + index">
+							<diy-category-item :category="item" :value="value" ref="categoryItem" :index="index"
+								:select="select" :oneCategorySelect="oneCategorySelect" :isList="isList"
+								@tologin="toLogin" @selectsku="selectSku($event, index)" @addCart="addCartPoint"
+								@loadfinish="getHeightArea" @saveSecondCategory="saveSecondCategoryName"></diy-category-item>
+						</view>
+						<view class="end-tips" ref="endTips" :style="{ opacity: endTips }">{{ $lang('components-diy.diy-category.reachedBottom') }}</view>
 					</scroll-view>
 
 					<scroll-view scroll-y="true" class="content-wrap" v-else-if="value.template == 99 || loadType == 'all'"
@@ -604,7 +618,7 @@ export default {
 						break;
 					}
 				}
-			// 模板5 渲染的是分类网格(静态), 不需要懒加载商品; 这里只保留 loadType=all 的懒加载,
+			// 模板5 三级分类为静态分类网格平铺, 不需要懒加载商品; 这里只保留 loadType=all 的懒加载,
 			// 并补上 heightArea[this.select] 越界保护
 			if (this.value.template != 1 && this.value.loadType == 'all' &&
 				this.heightArea[this.select] && this.heightArea[this.select][1] -