From 24e369f4d0a0398f07bc2212cdfa5100b2d9d362 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=AD=8F=E5=B0=91=E9=98=B3?= <786612630@qq.com>
Date: Tue, 14 Jan 2025 16:42:20 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E5=AE=8C=E5=96=84=E6=88=91=E7=9A=84?=
 =?UTF-8?q?=E6=A8=A1=E5=9D=97UI?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages.json          |  4 ++--
 src/pages/mine/mine.vue | 32 +++++++++++++++++++++++++-------
 2 files changed, 27 insertions(+), 9 deletions(-)

diff --git a/src/pages.json b/src/pages.json
index fa9e361..5fa188a 100644
--- a/src/pages.json
+++ b/src/pages.json
@@ -52,7 +52,7 @@
   "pages": [
     {
       "path": "pages/mine/mine",
-      "type": "page",
+      "type": "home",
       "style": {
         "navigationStyle": "custom",
         "navigationBarTitleText": "首页"
@@ -281,4 +281,4 @@
     }
   ],
   "subPackages": []
-}
+}
\ No newline at end of file
diff --git a/src/pages/mine/mine.vue b/src/pages/mine/mine.vue
index ef65a57..2e79a40 100644
--- a/src/pages/mine/mine.vue
+++ b/src/pages/mine/mine.vue
@@ -72,11 +72,17 @@
     <!-- 底部操作区 -->
     <view class="bottom-actions">
       <view class="action-item">
-        <image class="action-icon" src="/static/icons/order.png" />
+        <image
+          class="action-icon"
+          src="https://file.hikmall.com/prod/image/4dbe971d6fac465cb4fed956defd678c.png"
+        />
         <text>我的订单</text>
       </view>
       <view class="action-item">
-        <image class="action-icon" src="/static/icons/invoice.png" />
+        <image
+          class="action-icon"
+          src="https://file.hikmall.com/prod/image/116e1ea563474601ac075ac5bb312963.png"
+        />
         <text>发票管理</text>
       </view>
     </view>
@@ -240,7 +246,7 @@
   .service-grid,
   .tools-grid {
     display: grid;
-    grid-template-columns: repeat(5, 1fr);
+    grid-template-columns: repeat(4, 1fr);
     gap: 16px;
     margin-top: 12px;
     .service-item,
@@ -266,6 +272,17 @@
     }
   }
 
+  .service-grid {
+    grid-template-columns: repeat(5, 1fr);
+    gap: 8px;
+    overflow-x: auto; // 允许左右滑动
+
+    .service-item,
+    .tool-item {
+      width: 16vw; // 单个item的宽度是屏幕宽度的四分之一
+    }
+  }
+
   .list-section {
     margin-bottom: 16px;
     background-color: #fff;
@@ -296,18 +313,19 @@
 
     .action-item {
       display: flex;
-      flex-direction: column;
+      flex-direction: row;
       gap: 4px;
       align-items: center;
+      //background-color: red;
 
       .action-icon {
-        width: 24px;
-        height: 24px;
+        width: 16px;
+        height: 16px;
       }
 
       text {
         font-size: 12px;
-        color: #666;
+        color: black;
       }
     }
   }