fix: 完善我的模块UI

src/pages.json

@@ -52,7 +52,7 @@
   "pages": [
     {
       "path": "pages/mine/mine",
-      "type": "page",
+      "type": "home",
       "style": {
         "navigationStyle": "custom",
         "navigationBarTitleText": "首页"

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;
       }
     }
   }