样式修改

src/assets/styles/mixin.less

@@ -188,4 +188,46 @@
         background: @m-blue0;
         color: @m-white1;
     }
+}
+
+// 上面表格样式
+.topTable {
+    .ant-table {
+        width: 100%;
+        table {
+            border: 0;
+        }
+        .ant-table-thead {
+            tr {
+                box-shadow: 0px 1px 0px 0px #2E3539;
+                th {
+                    line-height: 34px;
+                    background: @m-black8;
+                    padding-top: 0;
+                    padding-bottom: 0;
+                    color: @m-grey17;
+                    font-size: 14px;
+                    border-color: @m-black9;
+                }
+            }
+        }
+        .ant-table-tbody {
+            tr {
+
+            }
+        }
+        .ant-table-placeholder {
+            border: 0;
+            background: @m-black2;
+        }
+    }
+}
+.ant-empty-normal {
+    color: @m-grey17;
+}
+.ant-empty-img-simple-path,.ant-empty-img-simple-ellipse {
+    fill: @m-grey17;
+}
+.ant-empty-img-simple-g {
+    stroke: @m-grey17;
 }

src/assets/styles/variables.less

@@ -23,6 +23,7 @@
 @m-grey15-hover: rgba(@m-grey15, .8);
 @m-grey16: #405066;
 @m-grey16-hover: rgba(@m-grey16, .8);
+@m-grey17: #556772;
 @m-red0: #ff4d4f;
 @m-red1: #FF2B2B;
 @m-white: #fff;
@@ -35,6 +36,8 @@
 @m-black5: #121415;
 @m-black6: #1B2F41;
 @m-black7: #15293A;
+@m-black8: #212629;
+@m-black9: #161A1C;
 @m-blue0: #3a87f7;
 @m-blue0-hover: rgba(@m-blue0, .8);
 @m-blue1: #4885eb;

src/views/information/custom/compoments/filterTable/index.vue

@@ -116,7 +116,7 @@ export default defineComponent({
 .conditionSelect+.conditionSelect {
     margin-left: 10px;
 }
-.selectBtn {
+.selectBtn.ant-btn {
     margin-left: 10px;
     width: 80px;
     height: 30px;
@@ -127,16 +127,18 @@ export default defineComponent({
     color: @m-white0;
     font-size: 14px;
     .rounded-corners(3px);
-    &:hover {
+    &:hover,&:focus {
         background: linear-gradient(0deg, @m-grey15-hover 0%, @m-grey16-hover 98%);
         color: rgba(@m-white0, .8);
+        border: 0;
     }
 }
-.operBtn:extend(.selectBtn) {
+.operBtn.ant-btn:extend(.selectBtn.ant-btn) {
     background: linear-gradient(0deg, @m-blue6 0%, @m-blue7 99%);
-    &:hover {
+    &:hover,&:focus {
         background: linear-gradient(0deg, @m-blue6-hover 0%, @m-blue7-hover 99%);
         color: rgba(@m-white0, .8);
+        border: 0;
     }
 }
 </style>;

src/views/information/custom/list/normal-use/index.vue

@@ -4,10 +4,12 @@
        :loading="loading">
     <filterCustomTable @add="add"
                        @search="search" />
-    <a-table :columns="columns"
+    <a-table class="topTable"
+             :columns="columns"
              :pagination="false"
              rowKey="key"
-             :data-source="customList">
+             :data-source="customList"
+             :bordered="true">
       <template #userinfotype="{ text }">
         <a>{{ text === '2' ? '企业' : '个人'}}</a>
       </template>