优化首页样式

future-ui/src/views/dashboard/PanelGroup.vue

@@ -75,7 +75,7 @@ export default {
   margin-top: 18px;
 
   .card-panel-col {
-    margin-bottom: 32px;
+    margin-bottom: 20px;
   }
 
   .card-panel {

future-ui/src/views/index.vue

@@ -1,13 +1,12 @@
 <template>
   <div class="dashboard-editor-container">
-
     <panel-group @handleSetLineChartData="handleSetLineChartData" />
 
-    <el-row style="background:#fff;padding:16px 16px 0;margin-bottom:32px;">
+    <el-row class="home-page__linechart">
       <line-chart :chart-data="lineChartData" />
     </el-row>
 
-    <el-row :gutter="32">
+    <el-row :gutter="20">
       <el-col :xs="24" :sm="24" :lg="8">
         <div class="chart-wrapper">
           <raddar-chart />
@@ -24,8 +23,6 @@
         </div>
       </el-col>
     </el-row>
-
-    
   </div>
 </template>
 
@@ -79,7 +76,7 @@ export default {
 
 <style lang="scss" scoped>
 .dashboard-editor-container {
-  padding: 32px;
+  padding: 0 20px;
   background-color: rgb(240, 242, 245);
   position: relative;
 
@@ -88,9 +85,15 @@ export default {
     padding: 16px 16px 0;
     margin-bottom: 32px;
   }
+
+  .home-page__linechart {
+    background: #fff;
+    padding: 16px 16px 0;
+    margin-bottom: 20px;
+  }
 }
 
-@media (max-width:1024px) {
+@media (max-width: 1024px) {
   .chart-wrapper {
     padding: 8px;
   }