perf: 账号名称hover样式优化

src/views/property-marketing/media-account/account-detail/components/note-table/constants.ts

@@ -70,12 +70,12 @@ export const TABLE_COLUMNS = [
     align: 'right',
   },
 
-  {
-    title: '封面点击率',
-    dataIndex: 'cover_click_rate',
-    width: 180,
-    tooltip: '内容在被曝光后，用户点击进入的比例，反映封面与标题吸引力。',
-    align: 'right',
-    suffix: '%',
-  },
+  // {
+  //   title: '封面点击率',
+  //   dataIndex: 'cover_click_rate',
+  //   width: 180,
+  //   tooltip: '内容在被曝光后，用户点击进入的比例，反映封面与标题吸引力。',
+  //   align: 'right',
+  //   suffix: '%',
+  // },
 ];

src/views/property-marketing/media-account/account-manage/components/account-table/index.vue

@@ -19,7 +19,9 @@
       </template>
       <a-checkbox :model-value="isSelected(item)" :value="item.id" @change="toggleSelect(item)"></a-checkbox>
       <div class="ml-8px flex-1">
-        <p class="name cursor-pointer" @click="goDetail(item)">{{ item.name || '-' }}</p>
+        <a-tooltip content="点击查看账号详情">
+          <p class="name cursor-pointer hover:!color-#6d4cfe" @click="goDetail(item)">{{ item.name || '-' }}</p>
+        </a-tooltip>
         <div class="field-row">
           <span class="label">状态</span>
           <StatusBox :status="item.status" />

src/views/property-marketing/media-account/account-manage/components/account-table/style.scss

@@ -25,6 +25,7 @@
       font-style: normal;
       font-weight: 400;
       margin-bottom: 11px;
+      width: fit-content;
       // line-height: 22px; /* 157.143% */
     }
     .label {