💄 style<topSearchTermTable>: 修改页面样式

src/views/keyword/topSearchTermTable/index.vue

@@ -130,37 +130,43 @@ function getTagStyle(clickShareRank: number): Record<string, string> {
     case 3:
       return { backgroundColor: '#CD7F32', color: '#fff', border: '1px solid #CD7F32' }; // 铜色
     default:
-      return { backgroundColor: '#e0e0e0', color: '#000', border: '1px solid #e0e0e0' }; // 默认颜色
+      return { backgroundColor: '#e0e0e0', color: '#000', border: '1px solid #e0e0e0' };
   }
 }
 </script>
 
 <template>
-  <div class="mt-3 mx-1.5" style="background-color: #f7f7f7">
-    <div class="flex justify-between mt-1.5 mx-2">
+  <!--<div class="mt-3 mx-1.5" style="background-color: #f7f7f7">-->
+  <!--  <div class="flex justify-between mt-1.5 mx-2">-->
+  <!--    <div class="font-bold text-lg">-->
+  <!--      <el-icon style="top: 3px">-->
+  <!--        <Memo />-->
+  <!--      </el-icon>-->
+  <!--      Top Search Term - Table-->
+  <!--    </div>-->
+  <!--    <div>-->
+  <!--      <el-button type="primary" plain @click="handleJump" :icon="TopRight">关键词管理</el-button>-->
+  <!--      <el-button type="success" plain round :icon="Download">下载表格</el-button>-->
+  <!--    </div>-->
+  <!--  </div>-->
+  <!--</div>-->
+  <div class="mx-3" style="margin-top: -8px">
+    <el-divider>
+      <!--<el-icon>-->
+      <!--  <star-filled />-->
+      <!--</el-icon>-->
       <div class="font-bold text-lg">
         <el-icon style="top: 3px">
           <Memo />
         </el-icon>
         Top Search Term - Table
       </div>
-      <div>
-        <el-button type="primary" plain @click="handleJump" :icon="TopRight">关键词管理</el-button>
-        <el-button type="success" plain round :icon="Download">下载表格</el-button>
-      </div>
-    </div>
-  </div>
-  <div class="mx-3" style="margin-top: -8px">
-    <el-divider>
-      <el-icon>
-        <star-filled />
-      </el-icon>
     </el-divider>
   </div>
   <el-card class="mx-3" v-loading="tableLoading" style="border: none">
     <!-- table筛选栏 -->
     <div class="flex justify-between">
-      <div class="flex gap-6 flex-wrap">
+      <div class="flex gap-5 flex-wrap">
         <div>
           <span class="font-medium mr-0.5">市场 </span>
           <el-select v-model="marketplaceSelect" @change="handleSelectChange" style="width: 130px">
@@ -213,7 +219,11 @@ function getTagStyle(clickShareRank: number): Record<string, string> {
             end-placeholder="结束日期" />
         </div>
       </div>
+      <div>
+        <el-button type="primary" plain @click="handleJump" :icon="TopRight">关键词管理</el-button>
+        <el-button type="success" plain round :icon="Download">下载表格</el-button>
       <el-button @click="refreshTable" :icon="RefreshRight" circle></el-button>
+      </div>
     </div>
 
     <!-- table -->