更新

src/components/data-table.vue

@@ -1,6 +1,6 @@
 <template>
   <div id="data-table">
-    <el-form :model="searchInfo" :inline="true" style="padding:0.9rem 1.875rem ;" size="mini" v-if="useFilter">
+    <el-form :model="searchInfo" :inline="true" size="mini" v-if="useFilter">
       <el-form-item v-for="(item, index) in filterList" :key="index">
         <template v-if="item.filter === 'select'">
           <el-select v-model="searchInfo[item.prop]" size="mini" clearable filterable :placeholder="`请选择${item.label}`" @clear="toClear(item.prop)">
@@ -281,4 +281,17 @@ export default {
 };
 </script>
 
-<style lang="less" scoped></style>
+<style lang="less" scoped>
+/deep/ .el-table--mini th {
+  padding: 2px 0;
+}
+/deep/.el-table--mini td {
+  padding: 2px 0;
+}
+/deep/.el-table__empty-text {
+  line-height: 40px;
+}
+/deep/.el-table__empty-block {
+  min-height: 40px;
+}
+</style>

src/views/test/index.vue

@@ -75,7 +75,7 @@ export default {
 <style lang="less" scoped>
 .add {
   height: 40px;
-  line-height: 40px;
+  line-height: 35px;
   padding: 0 15px;
 }
 </style>