From f8c37680a4bd7bffb67b5d8ee144dd99c6bcb209 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=B5=B5=E6=AF=85?= <1335909236@qq.com>
Date: Fri, 18 Jul 2025 10:41:08 +0800
Subject: [PATCH] =?UTF-8?q?style=20:=20=E4=BC=98=E5=8C=96=E5=95=86?=
 =?UTF-8?q?=E5=9F=8E=E9=A6=96=E9=A1=B5=E5=B7=A6=E4=BE=A7=E8=8F=9C=E5=8D=95?=
 =?UTF-8?q?=E6=A0=8F=E7=9A=84=E9=80=89=E4=B8=AD=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 packages/shop/index/index.css |  4 ++++
 packages/shop/index/index.vue | 14 +++++++++++---
 2 files changed, 15 insertions(+), 3 deletions(-)

diff --git a/packages/shop/index/index.css b/packages/shop/index/index.css
index 5c34f82d..6ef2055d 100644
--- a/packages/shop/index/index.css
+++ b/packages/shop/index/index.css
@@ -132,6 +132,10 @@ page {
     padding: 35rpx 0;
 }
 
+.CateItem_active {
+    background-color: #ffffff;
+}
+
 .CateItem .hot {
     width: 25.82rpx;
     height: 30rpx;
diff --git a/packages/shop/index/index.vue b/packages/shop/index/index.vue
index 5f4e6789..de7d35b9 100644
--- a/packages/shop/index/index.vue
+++ b/packages/shop/index/index.vue
@@ -90,7 +90,7 @@
     <div class="Con">
       <div class="Con_left">
         <div
-          class="CateItem"
+          class="CateItem" :class="item.id === currentLeftCateId ? 'CateItem_active' : ''"
           v-for="item in leftCateList"
           :key="item.id"
           @click="changeLeftCate(item.id)"
@@ -356,6 +356,7 @@ export default {
       ],
 
       rightTopActive: 0,
+currentLeftCateId: null,
       topShow: false,
 
       GGshow: false,
@@ -416,8 +417,14 @@ export default {
         console.log(res);
         this.CateList = res.commodity_category_list;
         this.firstId = res.commodity_category_list[0].id;
-        this.leftCateList = res.commodity_category_list[0].level_two_category;
-        this.secondId = res.commodity_category_list[0].level_two_category[0].id;
+        this.leftCateList = res.commodity_category_list[0].level_two_category || [];
+        if (this.leftCateList.length > 0) {
+          this.currentLeftCateId = this.leftCateList[0].id;
+          this.secondId = this.leftCateList[0].id;
+        } else {
+          this.currentLeftCateId = null;
+          this.secondId = null;
+        }
         this.getGoodsList();
       });
     },
@@ -448,6 +455,7 @@ export default {
     },
 
     changeLeftCate(e) {
+      this.currentLeftCateId = e;
       this.secondId = e;
       this.getGoodsList();
     },