按钮

front/src/views/home/infrastructurePage.vue

@@ -5,7 +5,9 @@
     <div class="infrastructrue-tab">
       <div v-for="(item, index) in tabList" :key="index" class="tabBox">
         <b class="leftType">{{ item.title }}</b>
-        <button @click="nullClick" v-if="item.title == '视频标签'">清空</button>
+        <a-button @click="nullClick" v-if="item.title == '视频标签'">
+          清空
+        </a-button>
         <span
           v-for="itemContent in item.content"
           :key="itemContent"
@@ -539,6 +541,19 @@
       }
       .tabBox {
         margin-bottom: 0.16rem;
+        :deep(.ant-btn:active) {
+          color: unset;
+          border-color: unset;
+        }
+        :deep(.ant-btn) {
+          margin-left: 10px;
+          border: 1px solid #666666;
+          color: #666666;
+          border-radius: 10px;
+        }
+        :deep(.ant-btn:hover) {
+          color: #40a9ff;
+        }
       }
       .tabBox:last-of-type {
         margin-bottom: 0;