样式调整

src/views/cockpit/bjxm.vue

@@ -123,9 +123,8 @@ export default {
           type: 'category',
           data: ['崖州区', '天崖区', '吉阳区', '海棠区', '育才区'],
           axisLine: {
-            show: false,
             lineStyle: {
-              color: 'white'
+              color: '#BCD3E5'
             }
           },
           // offset: 25,
@@ -134,7 +133,7 @@ export default {
             length: 9,
             alignWithLabel: true,
             lineStyle: {
-              color: '#7DFFFD'
+              color: '#BCD3E5'
             }
           },
           axisLabel: {
@@ -152,11 +151,11 @@ export default {
             axisLine: {
               show: false,
               lineStyle: {
-                color: '#ccc'
+                color: '#BCD3E5'
               }
             },
             splitLine: {
-              show: true,
+              show: false,
               lineStyle: {
                 type: "dashed",
                 color: "rgba(255,255,255,0.1)"
@@ -181,7 +180,7 @@ export default {
             axisLine: {
               show: false,
               lineStyle: {
-                color: 'white'
+                color: '#BCD3E5'
               }
             },
             splitLine: {
@@ -217,10 +216,10 @@ export default {
 
               }
               ])
-              console.log(color);
               return {
                 type: 'group',
-                children: [{
+                children: [
+                  {
                   type: 'CubeLeft',
                   shape: {
                     api,
@@ -233,11 +232,12 @@ export default {
                   style: {
                     fill: color = api.value(1) > 10000 ? 'red' : new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
                       offset: 0,
-                      color: 'rgba(33,101,140,0.5)'
+                      color: 'rgba(34, 129, 209, 0.8)'
                     },
                     {
                       offset: 0.8,
-                      color: 'rgba(33,101,140,0.5)'
+                      color: 'rgba(34, 129, 209, 0.8)'
+
 
                     }
                     ])
@@ -256,11 +256,11 @@ export default {
                   style: {
                     fill: color = api.value(1) > 10000 ? 'red' : new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
                       offset: 0,
-                      color: '#195684'
+                      color: 'rgba(97, 173, 237, 0.8)'
                     },
                     {
                       offset: 0.8,
-                      color: '#195684'
+                      color: 'rgba(97, 173, 237, 0.8)'
                     }
                     ])
                   }
@@ -277,12 +277,12 @@ export default {
                   style: {
                     fill: color = api.value(1) > 10000 ? 'red' : new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
                       offset: 0,
-                      color: 'rgba(33,101,140,0.5)'
+                      color: 'rgba(60, 167, 255, 1)'
 
                     },
                     {
                       offset: 1,
-                      color: 'rgba(33,101,140,0.5)'
+                      color: 'rgba(135, 200, 255, 1)'
 
                     }
                     ])

src/views/cockpit/gdbh.vue

@@ -237,6 +237,7 @@ export default {
     position: fixed;
     top: 6rem;
     left: 108rem;
+    z-index: -1;
   }
 }
 

src/views/cockpit/hysy.vue

@@ -116,7 +116,7 @@ export default {
                 itemWidth: 24,
                 itemHeight: 15,
                 itemGap: 15,
-                top: '2%',
+                top: '-4%',
                 right: '2%',
                 selectedMode: false
             }
@@ -124,9 +124,9 @@ export default {
             // xAxis
             const xAxis = {
                 axisTick: { show: false },
-                axisLine: { lineStyle: { color: 'rgba(255,255,255, .2)' } },
+                axisLine: { lineStyle: { color: '#BCD3E5' } },
                 axisLabel: {
-                    textStyle: { fontSize: 12, color: '#fff' },
+                    textStyle: { fontSize: 12, color: '#BCD3E5' },
                 },
                 axisLabel: {
                     interval: 0,
@@ -434,9 +434,9 @@ export default {
     border-width: 0px;
     position: absolute;
     left: 55rem;
-    top: 33rem;
+    top: 35.3rem;
     width: 559px;
-    height: 310px;
+    height: 270px;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
@@ -481,7 +481,7 @@ export default {
         height: 8.5rem;
         position: relative;
         left: 3rem;
-        bottom: 2rem;
+        bottom: 1rem;
     }
 
     #hysyEchart {
@@ -501,28 +501,33 @@ export default {
 
         position: fixed;
         background: no-repeat;
-        background-size: 101% 70%;
+        background-size: 101% 50%;
         background-image: url("/static/images/overview/ltback.png");
         left: 57rem;
+        top: 41.5rem;
     }
 
     .lb_box {
 
         position: fixed;
         background: no-repeat;
-        background-size: 101% 70%;
+        background-size: 101% 50%;
+
         background-image: url("/static/images/overview/lbback.png");
         left: 57rem;
-        top: 44rem;
+        top: 44.5rem;
+
     }
 
     .rt_box {
         position: fixed;
         background: no-repeat;
-        background-size: 101% 70%;
+        background-size: 101% 50%;
+
         background-image: url("/static/images/overview/rtback.png");
         left: 76rem;
-        top: 40rem;
+        top: 41.5rem;
+
 
         .text {
             margin-left: 4rem;
@@ -532,10 +537,10 @@ export default {
     .rb_box {
         position: fixed;
         background: no-repeat;
-        background-size: 101% 70%;
+        background-size: 101% 50%;
         background-image: url("/static/images/overview/rbback.png");
         left: 76rem;
-        top: 44rem;
+        top: 44.5rem;
         z-index: 100;
 
         .text {
@@ -548,15 +553,16 @@ export default {
 .text {
     display: inline-block;
     width: 100px;
-    margin-top: 10px;
+    // margin-top: 10px;
     margin-left: 15px;
 
+    margin-top:3px;
     p {
         font-kerning: normal;
         font-family: "Arial Negreta", "Arial Normal", "Arial";
-        font-weight: 700;
+        font-weight: 500;
         font-style: normal;
-        font-size: 14px;
+        font-size: 12px;
         color: #ffffff;
     }
 

src/views/cockpit/tdsc.vue

@@ -322,6 +322,7 @@ export default {
 
 
 #scje_echart {
+  z-index: -1;
   left: -2rem;
   top: 0.1rem;
   width: 26rem;