feat(BD中心): 更新图标

src/views/BDCenterView.vue

@@ -34,7 +34,7 @@
 
         <!-- 账户状态标签 -->
         <div class="account-tags">
-          <span class="tag bd-tag">👑 BD</span>
+          <img src="../assets/icon/BD.png" alt="" height="20px" style="margin-left: 10px" />
         </div>
       </div>
 
@@ -71,12 +71,8 @@
 
       <!-- 操作按钮 -->
       <div class="action-buttons">
-        <button class="action-btn exchange-btn" @click="exchangeGoldCoins">
-          Exchange
-        </button>
-        <button class="action-btn transfer-btn" @click="transfer">
-          Transfer
-        </button>
+        <button class="action-btn exchange-btn" @click="exchangeGoldCoins">Exchange</button>
+        <button class="action-btn transfer-btn" @click="transfer">Transfer</button>
       </div>
     </div>
   </div>
@@ -88,8 +84,8 @@ import { useRouter } from 'vue-router'
 import MobileHeader from '../components/MobileHeader.vue'
 import { getAgentMonthLastTarget, getAgentMonthTarget, getBdAgentList } from '../api/teamBill.js'
 import { getTeamId } from '@/utils/userStore.js'
-import {usePageInitializationWithConfig} from "@/utils/pageConfig.js";
-import {isInApp} from "@/utils/appBridge.js";
+import { usePageInitializationWithConfig } from '@/utils/pageConfig.js'
+import { isInApp } from '@/utils/appBridge.js'
 
 const router = useRouter()
 
@@ -108,11 +104,13 @@ const getAgentMonth = async () => {
   if (res2.status === true) {
     salaryInfo.lastMonth = res.body.thisMonthTotalTarget
   }
-
 }
 
 const goToTeamMember = () => {
-  router.push({ path: '/team-member', query: { source: 'bd-center', members: teamMemberCount.value } })
+  router.push({
+    path: '/team-member',
+    query: { source: 'bd-center', members: teamMemberCount.value },
+  })
 }
 
 const exchangeGoldCoins = () => {
@@ -123,19 +121,13 @@ const transfer = () => {
   router.push('/transfer')
 }
 
-const {
-  appConnected,
-  userInfo,
-  salaryInfo,
-  handleImageError,
-  getAvatarPlaceholder
-} = usePageInitializationWithConfig('BD_CENTER', {
+const { appConnected, userInfo, salaryInfo, handleImageError, getAvatarPlaceholder } =
+  usePageInitializationWithConfig('BD_CENTER', {
     needsTeamInfo: true,
     onDataLoaded: () => {
       getAgentMonth()
-  }
+    },
   })
-
 </script>
 
 <style scoped>
@@ -192,7 +184,8 @@ const {
 }
 
 @keyframes pulse {
-  0%, 100% {
+  0%,
+  100% {
     opacity: 1;
   }
   50% {
@@ -210,7 +203,7 @@ const {
   width: 50px;
   height: 50px;
   border-radius: 25px;
-  background-color: #8B5CF6;
+  background-color: #8b5cf6;
   display: flex;
   align-items: center;
   justify-content: center;
@@ -254,7 +247,7 @@ const {
 
 .system-info {
   font-size: 12px !important;
-  color: #8B5CF6 !important;
+  color: #8b5cf6 !important;
   margin-top: 2px !important;
 }
 
@@ -280,8 +273,8 @@ const {
 }
 
 .bd-tag {
-  background-color: #E0E7FF;
-  color: #5B21B6;
+  background-color: #e0e7ff;
+  color: #5b21b6;
 }
 
 /* Total team salary 区域 */
@@ -327,7 +320,7 @@ const {
 .salary-separator {
   width: 1px;
   height: 40px;
-  background-color: #8B5CF6;
+  background-color: #8b5cf6;
 }
 
 /* Team Member 独立区域 */
@@ -358,7 +351,7 @@ const {
 .member-title {
   font-size: 16px;
   font-weight: 600;
-  color: #1F2937;
+  color: #1f2937;
 }
 
 /* 操作按钮 */
@@ -386,12 +379,12 @@ const {
 }
 
 .exchange-btn {
-  background-color: #FDE68A;
-  color: #D97706;
+  background-color: #fde68a;
+  color: #d97706;
 }
 
 .transfer-btn {
-  background-color: #8B5CF6;
+  background-color: #8b5cf6;
   color: white;
 }
 
@@ -399,6 +392,6 @@ const {
 .arrow {
   font-size: 16px;
   font-weight: bold;
-  color: #8B5CF6;
+  color: #8b5cf6;
 }
 </style>