首页

src/views/home/index.vue

@@ -10,19 +10,19 @@
     <div class="function-buttons">
       <button class="function-btn" @click="toInvitePeople">
         <img src="@/assets/1.png" alt="邀请人民" class="btn-icon" />
-        <span>邀请人民</span>
+        <span style="font-weight: bold;">邀请人民</span>
       </button>
       <button class="function-btn" @click="toKefu">
         <img src="@/assets/2.png" alt="客服中心" class="btn-icon" />
-        <span>客服中心</span>
+        <span style="font-weight: bold;">客服中心</span>
       </button>
       <button class="function-btn" @click="toOfficialGroup">
         <img src="@/assets/3.png" alt="人民群聊" class="btn-icon" />
-        <span>人民群聊</span>
+        <span style="font-weight: bold;">人民群聊</span>
       </button>
       <button class="function-btn" @click="toAppDownload">
         <img src="@/assets/4.png" alt="APP下载" class="btn-icon" />
-        <span>APP下载</span>
+        <span style="font-weight: bold;">APP下载</span>
       </button>
     </div>
 
@@ -215,14 +215,13 @@ export default {
   background: #b43a39;
   display: flex;
   flex-direction: column;
-  padding: 40px 18px 80px;
+  padding: 18px 18px 80px;
   box-sizing: border-box;
   position: relative;
 }
 
 /* 顶部标题样式 */
 .header-title {
-  text-align: center;
   margin-bottom: 20px;
   
   .main-title {
@@ -234,7 +233,8 @@ export default {
   
   .sub-title {
     color: #fff;
-    font-size: 16px;
+    font-size: 18px;
+    font-weight: bold;
     opacity: 0.9;
   }
 }
@@ -246,7 +246,7 @@ export default {
   gap: 12px;
   background: #fff;
   border-radius: 12px;
-  padding: 20px 15px;
+  padding: 0px 15px;
   margin-bottom: 16px;
   box-shadow: 0 2px 8px rgba(0,0,0,0.1);
   
@@ -296,28 +296,27 @@ export default {
   background: #fff;
   border-radius: 25px;
   padding: 12px 20px;
-  color:red;
   margin-bottom: 16px;
   box-shadow: 0 2px 8px rgba(0,0,0,0.1);
-  
   .reward-content {
     display: flex;
     align-items: center;
     justify-content: space-between;
-    font-size: 14px;
-    
+    font-size: 12px;
+    font-weight: bold;
+    white-space: nowrap;
     .reward-label {
-      color: red;
+    color: #b53b38;
       font-weight: 500;
     }
     
     .reward-item {
-      color: red;
-      margin: 0 8px;
+    color: #b53b38;
+      margin: 0 12px;
     }
     
     .reward-more {
-      color: #666;
+    color: #b53b38;
       cursor: pointer;
       
       &:hover {