优化

hdApp/src/admin/member/detail.vue

@@ -63,16 +63,6 @@
 
     </div>
 
-<!--
-    <div class="module-com remark-wrap">
-      <div class="app-blod"><span>标签</span><i class="iconfont icontianjiakehu" @click="setUserTag" style="float:right;font-size:40upx;"></i></div>
-      <div class="list-wrap">
-        <span class="user_tag">常买散花</span>
-        <span class="user_tag">生日送过</span>
-      </div>
-    </div>
--->
-
     <view class="module-com user-contact-info">
         <view class="contact-header">
           <text class="contact-title">信息</text>
@@ -123,11 +113,29 @@
     </view>
 
     <div class="module-com tabs-wrap">
-      <div class="tabs-list" v-for="(item, index) in tabsData" :key="index" @click="pageTo(item)">
+      <div class="tabs-list" @click="beginModifyMember()">
         <div class="tabs-icon">
-          <span>{{ item.icon }}</span>
+          <span>⚙️</span>
         </div>
-        <div class="tabs-name">{{ item.name }}</div>
+        <div class="tabs-name">升降级</div>
+      </div>
+      <div class="tabs-list" @click="sendHb()">
+        <div class="tabs-icon">
+          <span>🧧</span>
+        </div>
+        <div class="tabs-name">发红包</div>
+      </div>
+      <div class="tabs-list" @click="deductAmount = ''; deductRemark = ''; openDeductPopup()">
+        <div class="tabs-icon">
+          <span>➖</span>
+        </div>
+        <div class="tabs-name">减余额</div>
+      </div>
+      <div class="tabs-list" @click="openRechargePopup()">
+        <div class="tabs-icon">
+          <span>➕</span>
+        </div>
+        <div class="tabs-name">充值</div>
       </div>
     </div>
     
@@ -505,38 +513,6 @@ export default {
       birthdayDate: '', // 选择的日期
       dateArray: Array.from({length: 31}, (_, i) => i + 1), // 1-31的数组
       dateIndex: 0, // 日期选择器的索引
-      tabsData: [
-        {
-          name: "升降级",
-          icon: "⚙️",
-          funtion: () => {
-            this.beginModifyMember()
-          }
-        },
-        {
-          name: "发红包",
-          icon: "🧧",
-          funtion: () => {
-            this.sendHb()
-          }
-        },
-        {
-          name: "减余额",
-          icon: "➖",
-          funtion: () => {
-            this.deductAmount = ''
-            this.deductRemark = ''
-            this.openDeductPopup()
-          }
-        },
-                 {
-           name: "充值",
-           icon: "➕",
-           funtion: () => {
-			      this.openRechargePopup()
-           }
-         }
-      ],
       passwordForm: {
         password: ""
       },
@@ -1087,11 +1063,11 @@ export default {
       gap: 30upx;
       
       .edit-btn, .call-btn {
-        width: 48upx;
-        height: 48upx;
+        width: 60upx;
+        height: 60upx;
         @include disFlex(center, center);
         border-radius: 50%;
-        font-size: 36upx;
+        font-size: 48upx;
       }
       
       .edit-btn {
@@ -1106,7 +1082,7 @@ export default {
       .call-btn {
         background-color: #e8f5e8;
         color: #28a745;
-        font-size: 42upx;
+        font-size: 50upx;
         
         &:active {
           background-color: #d4edda;
@@ -1186,20 +1162,23 @@ export default {
     margin-bottom: 0;
     text-align: center;
     .tabs-icon {
-      width: 50upx;
-      height: 50upx;
-      margin: 0 auto 14upx;
+      width: 40upx;
+      height: 40upx;
+      margin: 0 auto 24upx;
       display: flex;
       align-items: center;
       justify-content: center;
       .iconfont {
-        font-size: 50upx;
+        font-size: 40upx;
         color: #09C567;
       }
+      span {
+        font-size: 70upx;
+      }
     }
     .tabs-name {
       color: $fontColor2;
-      font-size: 30upx;
+      font-size: 32upx;
     }
   }
 }