弹框顶部背景色

src/views/tag/TagManage.vue

@@ -169,14 +169,6 @@
 
             <!-- 操作列 -->
             <template v-else-if="column.key === 'operation'">
-<!--              <a-popconfirm
-                  title="确认解绑该课程？"
-                  ok-text="确认"
-                  cancel-text="取消"
-                  @confirm="unbindCurrentTag(record)"
-              >
-                <a-button type="link" class="unbind-btn">解绑</a-button>
-              </a-popconfirm>-->
               <a-space :key="record.id">
                 <a-button @click="() => handleOper(record)"
                           type="link"
@@ -207,7 +199,7 @@
 
 <script>
 import { reactive, toRefs, ref } from "vue";
-import { message, Tooltip, Popconfirm } from "ant-design-vue";
+import { message, Tooltip } from "ant-design-vue";
 import { portalPageList ,changeTagPublic,changeTagHot,showCourseByTag,unbindCourseTagRelation } from "../../api/courseTag.js";
 import moment from "moment";
 import dialog from "@/utils/dialog";
@@ -734,25 +726,10 @@ export default {
     :deep(.ant-table) {
       flex: 1;
 
-      //.ant-table-thead > tr > th {
-      //  background-color: #eff4fc;
-      //  text-align: center !important;
-      //  white-space: nowrap;
-      //}
-      // 关联课程弹框表格标题样式 - 蓝色背景
       .ant-table-thead > tr > th {
-        background-color: #4ea6ff !important;
+        background-color: #eff4fc;
-        color: #fff !important;
+        text-align: center !important;
-        font-weight: 600;
+        white-space: nowrap;
-        border-bottom: 1px solid #f0f0f0;
-
-        &:first-child {
-          border-radius: 8px 0 0 0;
-        }
-
-        &:last-child {
-          border-radius: 0 8px 0 0;
-        }
       }
     }
   }
@@ -793,11 +770,21 @@ export default {
 
     :deep(.ant-table) {
       .ant-table-thead > tr > th {
-        background-color: #f0f7ff;
+        background-color: #4ea6ff !important;
+        color: #fff !important;
         text-align: center !important;
         white-space: nowrap;
         font-weight: 600;
         padding: 16px 8px;
+        border-bottom: 1px solid #f0f0f0;
+
+        &:first-child {
+          border-radius: 8px 0 0 0;
+        }
+
+        &:last-child {
+          border-radius: 0 8px 0 0;
+        }
       }
 
       .ant-table-tbody > tr > td {
@@ -1009,9 +996,6 @@ export default {
     }
   }
 
-  .course-dialog-content {
-    min-height: 280px;
-
   .course-dialog-content {
     min-height: 280px;
 
@@ -1115,7 +1099,6 @@ export default {
     font-size: 14px;
   }
 }
-}
 </style>
 
 <style lang="scss">
@@ -1314,3 +1297,4 @@ export default {
   }
 }
 </style>
+