工作台标签切换

components/Workbench/Workbench.vue

@@ -3,10 +3,10 @@
     <view class="workbench-card">
       <view class="header">
         <text class="title">工作台</text>
-        <view class="search-box" @click="goToSearch">
-          <text class="search-icon">🔍</text>
-          <text class="placeholder">搜索</text>
-        </view>
+<!--        <view class="search-box" @click="goToSearch">-->
+<!--          <text class="search-icon">🔍</text>-->
+<!--          <text class="placeholder">搜索</text>-->
+<!--        </view>-->
       </view>
 
       <view class="grid">
@@ -17,7 +17,7 @@
           @click="handleClick(item)"
         >
           <view class="icon-wrapper">
-            <text class="icon-text">{{ item.icon }}</text>
+            <image class="icon-image" :src="item.icon" mode="aspectFit" />
           </view>
           <text class="item-text">{{ item.text }}</text>
         </view>
@@ -30,14 +30,14 @@
 import { ref } from 'vue';
 
 const items = ref([
-  { key: 'verify', text: '审批管理', icon: '📝' },
-  // { key: 'customer', text: '客户管理', icon: '👤' },
-  { key: 'project', text: '项目管理', icon: '📚' },
-  { key: 'task', text: '任务管理', icon: '🗂️' },
-  // { key: 'schedule', text: '日程管理', icon: '🗓️' },
-  { key: 'contact', text: '通讯录', icon: '📇' },
-  { key: 'notice', text: '公告管理', icon: '📢' },
-  { key: 'wechat', text: '工作微信', icon: '🤖' }
+  { key: 'verify', text: '审批管理', icon: '/static/workbench/verify.png' },
+  // { key: 'customer', text: '客户管理', icon: '/static/workbench/customer.png' },
+  { key: 'project', text: '项目管理', icon: '/static/workbench/project.png' },
+  { key: 'task', text: '任务管理', icon: '/static/workbench/task.png' },
+  // { key: 'schedule', text: '日程管理', icon: '/static/workbench/schedule.png' },
+  { key: 'contact', text: '通讯录', icon: '/static/workbench/contact.png' },
+  { key: 'notice', text: '公告管理', icon: '/static/workbench/notice.png' },
+  { key: 'wechat', text: '工作微信', icon: '/static/workbench/wechat.png' }
 ]);
 
 const goToSearch = () => {
@@ -143,14 +143,17 @@ const handleClick = (item) => {
   width: 54px;
   height: 54px;
   border-radius: 50%;
-  background: #2885ff;
+  //background: #2885ff;
   display: flex;
   align-items: center;
   justify-content: center;
+  overflow: hidden;
 }
-.icon-text {
-  font-size: 20px;
-  color: #fff;
+.icon-image {
+  width: 100%;
+  height: 100%;
+  object-fit: contain;
+  padding: 8px;
 }
 
 .item-text {

components/index/ContentDashboard.vue

@@ -247,8 +247,6 @@ const customerStatus = ref([
   { label: '即将跟进', count: 0 }
 ]);
 
-
-
 // 加载状态
 const loading = ref(false);