From e714b0017727a3ed8380315df255649c0a5472d0 Mon Sep 17 00:00:00 2001
From: mixtan <424491071@qq.com>
Date: Mon, 8 Sep 2025 14:48:59 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E8=B0=83=E6=95=B4=E5=BA=97=E9=93=BA?=
 =?UTF-8?q?=E5=88=86=E7=B1=BBUI?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pages.json                       |  2 +-
 pages/category/storeCategory.vue | 30 ++++++++++++++++--------------
 2 files changed, 17 insertions(+), 15 deletions(-)

diff --git a/pages.json b/pages.json
index d957894..b7cbec1 100644
--- a/pages.json
+++ b/pages.json
@@ -80,7 +80,7 @@
     {
       "path": "pages/category/storeCategory",
       "style": {
-        "navigationBarTitleText": "分类",
+        "navigationBarTitleText": "店铺分类",
         "app-plus": {
           "titleNView": false
         }
diff --git a/pages/category/storeCategory.vue b/pages/category/storeCategory.vue
index 93f3581..40dd26e 100644
--- a/pages/category/storeCategory.vue
+++ b/pages/category/storeCategory.vue
@@ -81,43 +81,45 @@ export default {
   position: absolute;
   top: 0;
   bottom: 0;
-  left: 12rpx;
+  left: 0;
   z-index: 1;
   box-sizing: border-box;
+  background: #fff;
   .item {
     width: 100%;
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
-    color: #222;
+    color: #333;
     font-size: 28rpx;
-    font-weight: bold;
-    padding: 16rpx;
+    padding: 16rpx 0;
+    box-sizing: border-box;
+    text-align: center;
     &.current {
       color: #fe411b;
+      background: #f4f4f4;
+      font-weight: bold;
     }
   }
 }
 .category_right {
-  width: calc(100vw - 232rpx - 20rpx);
+  width: calc(100vw - 212rpx - 10rpx);
   position: absolute;
-  top: 20rpx;
-  bottom: 0;
-  left: 232rpx;
+  top: 12rpx;
+  bottom: 12rpx;
+  left: 212rpx;
   z-index: 1;
    .box {
     min-height: 180rpx;
-    padding: 16rpx;
+    padding: 24rpx 12rpx 24rpx 30rpx;
     border-radius: 12rpx;
     margin-bottom: 12rpx;
     background: #fff;
     .list{
         display: flex;
         align-items: center;
-        justify-content: space-between;
-        flex-direction: row;
         flex-wrap: wrap;
-        gap: 10rpx;
+        gap: 30rpx;
     }
     .tit{
         padding-bottom: 10rpx;
@@ -129,8 +131,8 @@ export default {
         flex-direction: column;
          width: 140rpx;
         .img{
-            width: 120rpx;
-            height: 120rpx;
+            width: 140rpx;
+            height: 140rpx;
             border-radius: 8rpx;
             margin-bottom: 8rpx;
         }