修改样式

src/styles/avue.scss

@@ -1,12 +1,11 @@
-@import url('./variables.scss');
-
+$backgrouind: #17171A;
 
 .avue-crud__menu{
-  background: #17171A;
+  background: $backgrouind;
 }
 .avue-group .el-collapse,
 .avue-group .el-collapse-item__wrap {
-  border-color: #17171A;
+  border-color: $backgrouind;
 }
 
 .avue-crud .el-table th {
@@ -16,7 +15,7 @@
 }
 
 .el-loading-mask {
-  background-color: #17171A;
+  background-color: $backgrouind;
 }
 
 //对话框
@@ -28,10 +27,20 @@
 .avue-dialog .el-dialog__header {
   padding: 16px 24px;
   min-height: 20px;
-  border-bottom: 1px solid #17171A;
+  border-bottom: 1px solid $backgrouind;
 }
 
 //空状态文本
 .avue-empty__desc {
   color: #4f546f;
+}
+
+//日期范围选择输入
+.el-range-editor--small .el-range-input {
+  background: $backgrouind;
+}
+
+//表格斑马条纹
+.el-table--striped .el-table__body tr.el-table__row--striped td {
+  background: #414b57;
 }

src/views/community/agency.vue

@@ -30,7 +30,7 @@
 <!--    </el-container>-->
 
 <!--卡片数据展示-->
-    <el-card style="background: #f5f5f5;margin-bottom: 20px">
+    <el-card style="margin-bottom: 20px">
         <el-tabs type="border-card">
           <el-tab-pane label="社区数据统计">
             <div><avue-data-box :option="communityStatistics"></avue-data-box></div>

src/views/estate/accessrecord.vue

@@ -1,7 +1,7 @@
 <template>
   <basic-container>
 <!--    卡片数据展示-->
-    <el-card style="background: #f5f5f5;margin-bottom: 20px">
+    <el-card style="margin-bottom: 20px">
 <!--      <template slot="header">-->
 <!--        出入统计数据-->
         <el-tabs type="border-card">

src/views/estate/article.vue

@@ -1,7 +1,7 @@
 <template>
   <basic-container>
     <!--    卡片数据展示-->
-    <el-card style="background: #f5f5f5;margin-bottom: 20px">
+    <el-card style="margin-bottom: 20px">
       <el-tabs type="border-card">
         <el-tab-pane label="数据统计"><avue-data-box :option="ArticleCount"></avue-data-box></el-tab-pane>
       </el-tabs>