样式调整

src/views/tag/TagManage.vue

@@ -19,6 +19,7 @@
               placeholder="请选择热点标签状态"
               :options="hotOptions"
               allowClear
+              class="centered-select"
           ></a-select>
         </div>
         <div class="select">
@@ -27,6 +28,7 @@
               placeholder="请选择前台公共显示状态"
               :options="hotOptions"
               allowClear
+              class="centered-select"
           ></a-select>
         </div>
         <div class="button-group">
@@ -292,14 +294,14 @@ export default {
         sorter: true
       },
       {
-        title: "前台公共显示",
+        title: "公共标签",
         dataIndex: "isPublic",
         key: "isPublic",
         width: 150,
         align: "center"
       },
       {
-        title: "热点标签展示",
+        title: "课程库热点标签",
         dataIndex: "isHot",
         key: "isHot",
         width: 150,
@@ -1338,4 +1340,26 @@ export default {
     }
   }
 }
+
+:deep(.centered-select .ant-select-selector) {
+  display: flex;
+  align-items: center;
+  height: 32px;
+}
+
+:deep(.centered-select .ant-select-selection-item),
+:deep(.centered-select .ant-select-selection-placeholder) {
+  display: flex;
+  align-items: center;
+  line-height: 1;
+}
+
+:deep(.centered-select .ant-select-clear),
+:deep(.centered-select .ant-select-arrow) {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  top: 50%;
+  transform: translateY(-50%);
+}
 </style>