图标和ui

src/views/AssetCenter.vue

@@ -235,12 +235,16 @@ export default {
   color: #999;
   font-size: 14px;
   margin-bottom: 10px;
+  display: flex;
+  align-items: center;
 }
 
 .listItemB {
   justify-content: space-between;
   color: #333;
   font-size: 14px;
+  display: flex;
+  align-items: center;
 }
 
 .tr4 {
@@ -253,6 +257,17 @@ export default {
   text-align: right;
 }
 
+.listItemC > div:first-child,
+.listItemB > div:first-child {
+  flex: 1;
+  text-align: left;
+}
+
+.listItemC .tr4,
+.listItemB .tr4 {
+  margin: 0 10px;
+}
+
 .gggg {
   color: #999;
 }

src/views/Mall.vue

@@ -210,11 +210,13 @@ export default {
 }
 
 .plan-card {
+  height: 135px;
   background: #fff;
   border-radius: 8px;
-  margin-bottom: 8px;
+  margin-bottom: 20px;
   overflow: hidden;
   box-shadow: 0 2px 4px rgba(0,0,0,0.08);
+  
 }
 
 .plan-header {
@@ -232,6 +234,7 @@ export default {
   display: flex;
   justify-content: space-between;
   align-items: center;
+  margin-top: 20px;
 }
 
 .plan-info {

src/views/Profile.vue

@@ -14,8 +14,8 @@
           <span class="value">{{ userInfo.mobile }}</span>
         </div>
       </div>
-      <div @click="goToSignin" style="color: #000;font-size: 14px;background-color: #fff;padding: 5px 15px;font-weight: bold;">
-        签到<br/>有奖
+      <div class="sign-btn" @click="goToSignin">
+        <img src="@/assets/sign.png" style="width: 60px;height: 50px;" alt="签到" />
       </div>
       </div>
       <!-- <div class="info-row">
@@ -94,28 +94,36 @@
       </div>
       <div class="function-grid">
         <div class="function-item button-click-effect" @click="$router.push('/user-center')">
-          <span>实名<br/>认证</span>
+          <img src="@/assets/221.png" alt="实名认证" />
+          <span>实名认证</span>
         </div>
         <div class="function-item button-click-effect" @click="$router.push('/bank-card')">
-          <span>银行卡<br/>绑定</span>
+          <img src="@/assets/222.png" alt="银行卡绑定" />
+          <span>银行卡绑定</span>
         </div>
         <div class="function-item button-click-effect" @click="$router.push('/member')">
-          <span>我的<br/>团队</span>
+          <img src="@/assets/223.png" alt="我的团队" />
+          <span>我的团队</span>
         </div>
         <div class="function-item button-click-effect" @click="$router.push('/order-list')">
-          <span>提现<br/>记录</span>
+          <img src="@/assets/224.png" alt="提现记录" />
+          <span>提现记录</span>
         </div>
         <div class="function-item button-click-effect" @click="$router.push('/asset-center')">
-          <span>资金<br/>明细</span>
+          <img src="@/assets/225.png" alt="资金明细" />
+          <span>资金明细</span>
         </div>
         <div class="function-item button-click-effect" @click="$router.push('/asset-center')">
-          <span>股权<br/>管理</span>
+          <img src="@/assets/225.png" alt="股权管理" />
+          <span>股权管理</span>
         </div>
         <div class="function-item button-click-effect" @click="$router.push('/retirement-subsidy')">
-          <span>退休<br/>补贴</span>
+          <img src="@/assets/225.png" alt="退休补贴" />
+          <span>退休补贴</span>
         </div>
         <div class="function-item button-click-effect" @click="$router.push('/order-management')">
-          <span>订单<br/>管理</span>
+          <img src="@/assets/225.png" alt="订单管理" />
+          <span>订单管理</span>
         </div>
         <!-- <div class="function-item button-click-effect" @click="$router.push('/lever-list')">
           <span>礼品<br/>福利</span>
@@ -287,6 +295,7 @@ export default {
   width: 50px;
   height: 50px;
   object-fit: cover;
+  border-radius: 50%;
 }
 
 .info-row {
@@ -408,15 +417,12 @@ export default {
   display: flex;
   flex-direction: column;
   align-items: center;
+  justify-content: center;
   gap: 8px;
   cursor: pointer;
   transition: all 0.2s;
-  background-color: #fff;
-  padding:  5px ;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  font-weight: bold;
+  background: transparent;
+  padding: 5px;
 }
 
 .function-item:active {
@@ -584,18 +590,23 @@ export default {
   display: grid;
   grid-template-columns: repeat(4, 1fr);
   gap: 20px 10px;
+  /* background-color: #fff; */
+  padding: 10px;
+  border-radius: 12px;
+  
 }
 
 .function-item img {
-  width: 50px;
-  height: 50px;
+  width: 28px;
+  height: 28px;
   object-fit: contain;
 }
 
 .function-item span {
   font-size: 12px;
-  color: #333;
+  color: #fff;
   text-align: center;
+  line-height: 1.3;
 }
 
 /* 移动端适配补充 */

src/views/home/index.vue

@@ -2,15 +2,27 @@
   <div class="home">
     <div class="top-btns">
       <div class="row">
-        <button class="btn" @click="toInvitePeople">邀请百姓</button>
-        <button class="btn" @click="toOfficialGroup">官方群聊</button>
+        <button class="btn" @click="toInvitePeople">
+          <img src="@/assets/1.png" alt="邀请百姓" class="btn-icon" />
+          <span>邀请百姓</span>
+        </button>
+        <button class="btn" @click="toOfficialGroup">
+          <img src="@/assets/2.png" alt="官方群聊" class="btn-icon" />
+          <span>官方群聊</span>
+        </button>
       </div>
       <div class="kefu">
         <img src="@/assets/kefu.jpg" alt="客服" />
       </div>
       <div class="row">
-        <button class="btn" @click="toAppDownload">APP下载</button>
-        <button class="btn" @click="toCultureDetail">央企文化</button>
+        <button class="btn" @click="toAppDownload">
+          <img src="@/assets/3.png" alt="APP下载" class="btn-icon" />
+          <span>APP下载</span>
+        </button>
+        <button class="btn" @click="toCultureDetail">
+          <img src="@/assets/4.png" alt="央企文化" class="btn-icon" />
+          <span>央企文化</span>
+        </button>
       </div>
     </div>
     <div class="carousel">
@@ -186,6 +198,7 @@ export default {
   display: flex;
   justify-content: space-between;
   margin-top: 15px;
+  
   .row {
     display: flex;
     justify-content: center;
@@ -193,17 +206,19 @@ export default {
     margin-bottom: 12px;
     width: 28%;
   }
-   .kefu{
-      height: 80px;
-      background: #fff;
-      border: 2px solid #fff;
-      width: 24%;
-      img{
-        width: 100%;
-        height: 100%;
-        object-fit: cover;
-      }
+
+  .kefu {
+    height: 80px;
+    background: #fff;
+    border: 2px solid #fff;
+    width: 24%;
+    img {
+      width: 100%;
+      height: 100%;
+      object-fit: cover;
     }
+  }
+
   .btn {
     width: 100%;
     height: 36px;
@@ -217,9 +232,26 @@ export default {
     cursor: pointer;
     transition: background 0.2s;
     margin-bottom: 12px;
+    display: flex;
+    align-items: center;
+    padding: 0 8px;
+    white-space: nowrap;
+
     &:hover {
       background: #ffeaea;
     }
+
+    .btn-icon {
+      width: 18px;
+      height: 18px;
+      margin-right: 4px;
+      flex-shrink: 0;
+    }
+
+    span {
+      flex: 0 1 auto;
+      text-align: left;
+    }
   }
 }
 .carousel {
@@ -246,7 +278,7 @@ export default {
   display: flex;
   align-items: center;
   justify-content: space-between;
-  padding: 12px 16px;
+  padding: 15px;
   box-shadow: 0 2px 8px rgba(0,0,0,0.04);
 
   .reward-table {
@@ -316,7 +348,7 @@ export default {
 }
 
 .news_content {
-  width: 90%;
+  width: 100%;
   min-height: 100px;
   border: none;
   margin: 16px auto 0;