1

src/views/modules/base/resi.vue

@@ -52,11 +52,14 @@
         <div class="div_btn_left">
           <el-button v-if="btnAuths.ic_resi_add"
                      size="small"
-                     @click="handleAdd" plain type="primary"> <i class="el-icon-plus"></i> 新增小区</el-button>
+                     @click="handleAdd"
+                     class="diy-button--blue"
+                     icon="el-icon-plus"> 新增小区</el-button>
           <el-button v-if="btnAuths.ic_resi_export"
                      style="margin-left:10px"
                      size="small"
-                     @click="diyExport" plain type="primary">导出</el-button>
+                     @click="diyExport"
+                     class="diy-button--white">导出</el-button>
 
           <!-- <el-button v-if="btnAuths.ic_resi_import"
                      style="margin-left:10px"
@@ -86,15 +89,16 @@
           <el-button v-if="btnAuths.ic_resi_smart_import && displayedBaobiaoBtn"
                      style="margin-left:10px"
                      size="small"
-                     @click="reportForm" plain type="primary">核对</el-button>
+                     @click="reportForm"
+                     class="diy-button--white">核对</el-button>
 
           <el-button style="margin-left:10px"
                      v-if="btnAuths.ic_resi_batch_del"
                      size="small"
-                     @click="deleteBatch" plain  type="primary">批量删除</el-button>
+                     @click="deleteBatch"
+                     class="diy-button--white">批量删除</el-button>
           <!-- <el-button type="primary" size="small">下载人口模板</el-button> -->
 
-
         </div>
       </div>
 
@@ -1477,16 +1481,16 @@ export default {
   position: relative;
   overflow: visible;
 }
-::v-deep .el-button--primary.is-plain{
+::v-deep .el-button--primary.is-plain {
-    color: #0055d7;
+  color: #0055d7;
-    background: #ffffff;
+  background: #ffffff;
-    border-color: #0055d7;
+  border-color: #0055d7;
-  }
+}
-  ::v-deep .el-button--primary.is-plain:hover{
+::v-deep .el-button--primary.is-plain:hover {
-    color: #fff;
+  color: #fff;
-    background: #0055d7;
+  background: #0055d7;
-    border-color: #0055d7;
+  border-color: #0055d7;
-  }
+}
 .resi-container .resi-card-table {
   ::v-deep .el-table th {
     color: #fff;