首页样式

src/pages/workbench/workPlace.vue

@@ -217,13 +217,13 @@
             <p>
               <span></span> 服务类型分析
             </p>
-            <div :id="fwlx_asy" class="health" style="width:265px;"></div>
+            <div :id="fwlx_asy" class="health" style="width:265px;margin-top:20px;"></div>
           </div>
           <div class="data_charts_left" style="width:285px;">
             <p>
               <span></span> 应用类型分析
             </p>
-            <div :id="yylx_asy" class="health" style="width:265px;"></div>
+            <div :id="yylx_asy" class="health" style="width:265px;margin-top:20px;"></div>
           </div>
         </div>
       </div>
@@ -1720,7 +1720,8 @@ export default {
           itemHeight: 10,
           orient: "horizontal",
           data: legendarr,
-          backgroundColor: "#f4f7fc"
+          backgroundColor: "#f4f7fc",
+          borderRadius:8
         },
         toolbox: {
           show: false
@@ -1751,7 +1752,8 @@ export default {
           bottom: 0,
           itemWidth: 10,
           itemHeight: 10,
-          backgroundColor: "#f4f7fc"
+          backgroundColor: "#f4f7fc",
+          borderRadius:8
         },
         xAxis: [
           {
@@ -1869,7 +1871,9 @@ export default {
           data: [dataname[n]],
           itemWidth: 14,
           itemHeight: 10,
-          bottom: 0
+          bottom: 0,
+          backgroundColor: "#f4f7fc",
+          borderRadius:8
         },
         grid: {
           borderColor: "#f2f2f2",
@@ -1914,11 +1918,11 @@ export default {
               color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
                 {
                   offset: 0,
-                  color: "#0a92c4"
+                  color: "rgba(10,146,196,0.3)"
                 },
                 {
                   offset: 1,
-                  color: "#ffe"
+                  color: 'rgba(255,255,255,0.3)'
                 }
               ])
             }
@@ -1941,12 +1945,14 @@ export default {
   height: 28px;
   line-height: 28px;
   font-size: 12px;
+  border-radius: 4px;
 }
 .data_charts_left .cloud_asy .el-input__inner {
   width: 150px;
   height: 28px;
   line-height: 28px;
   font-size: 12px;
+  border-radius: 4px;
 }
 .data_charts_left .el-input__icon {
   line-height: 28px;
@@ -2145,9 +2151,9 @@ export default {
   color: #0d1847;
 }
 .yy_asy {
-  width: 400px;
+  width: 420px;
   height: 200px;
-  margin: 0px 0 0 0px;
+  margin: 20px 0 0 0px;
 }
 .fwyy {
   width: 420px;