3-31

src/views/Home.vue

@@ -169,7 +169,7 @@ export default {
     z-index: 999;
     .home-content-top {
       position: absolute;
-      max-width: 1600px;
+      max-width: 2000px;
       min-width: 1360px;
       width: 50%;
       top: 0;
@@ -178,8 +178,8 @@ export default {
     }
     .home-content-top2 {
       position: absolute;
-      max-width: 800px;
-      min-width: 660px;
+      max-width: 2000px;
+      min-width: 1360px;
       width: 50%;
       top: 0;
       left: 50%;

src/views/left1/left-component1.vue

@@ -113,7 +113,7 @@ export default {
 <style lang="scss">
 .left-component1 {
   width: 600px;
-  height: 960px;
+  height: 1120px;
   background: linear-gradient(to right, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.1));
   color: #fff;
   padding: 16px;

src/views/left2/left-component2.vue

@@ -85,7 +85,7 @@ export default {
 <style lang="scss">
 .left-component2 {
   width: 600px;
-  height: 960px;
+  height: 1120px;
   background: linear-gradient(to right, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.1));
   color: #fff;
   padding: 16px;

src/views/left3/left-component3.vue

@@ -73,7 +73,7 @@ export default {
 <style lang="scss">
 .left-component3 {
   width: 600px;
-  height: 960px;
+  height: 1120px;
   background: linear-gradient(to right, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.1));
   color: #fff;
   padding: 16px;

src/views/left4/left-component4.vue

@@ -85,7 +85,7 @@ export default {
 <style lang="scss">
 .left-component4 {
   width: 600px;
-  height: 960px;
+  height: 1120px;
   background: linear-gradient(to right, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.1));
   color: #fff;
   padding: 16px;

src/views/left5/left-component5.vue

@@ -28,7 +28,7 @@ export default {
 <style lang="scss">
 .left-component5 {
   width: 600px;
-  height: 960px;
+  height: 1120px;
   background: linear-gradient(to right, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.9));
   color: #fff;
   padding: 16px;

src/views/right1/right-component1.vue

@@ -258,7 +258,7 @@ export default {
 <style lang="scss">
 .right-component1 {
   width: 600px;
-  height: 960px;
+  height: 1120px;
   background: linear-gradient(to right, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.9));
   color: #fff;
   padding: 16px;

src/views/right2/right-component2.vue

@@ -37,7 +37,7 @@ export default {
 <style lang="scss">
 .right-component2 {
   width: 600px;
-  height: 960px;
+  height: 1120px;
   background: linear-gradient(to right, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.9));
   color: #fff;
   padding: 16px;

src/views/right3/right-component3.vue

@@ -120,7 +120,7 @@ export default {
 <style lang="scss">
 .right-component3 {
   width: 600px;
-  height: 960px;
+  height: 1120px;
   background: linear-gradient(to right, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.9));
   color: #fff;
   padding: 16px;

src/views/right4/right-component4.vue

@@ -122,7 +122,7 @@ export default {
 <style lang="scss">
 .right-component4 {
   width: 600px;
-  height: 960px;
+  height: 1120px;
   background: linear-gradient(to right, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.9));
   color: #fff;
   padding: 16px;

src/views/right5/right-component5.vue

@@ -133,7 +133,7 @@ export default {
 <style lang="scss">
 .right-component5 {
   width: 600px;
-  height: 960px;
+  height: 1120px;
   background: linear-gradient(to right, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.9));
   color: #fff;
   padding: 16px;

src/views/top/top-component1.vue

 <template>
   <div class="top-component">
-    <div class="top-title">
-      <img src="./../../assets/images/兰州_03.png" alt="" />
+    <div class="top-title" style="width: 100%">
+      <img src="./../../assets/images/兰州_03.png" style="width: 100%" alt="" />
     </div>
     <div class="top-list">
       <div class="l-item">
@@ -9,8 +9,8 @@
           <i class="l-item-bg"></i> <span class="l-item-span"> 公交车</span>
         </p>
         <p>
-          <span> 在线车辆数<em>20016</em>辆 </span>
-          <span> 总车辆数<em>30600</em>辆 </span>
+          <span> 在线车辆数<em>2006</em>辆 </span>
+          <span> 总车辆数<em>13060</em>辆 </span>
         </p>
       </div>
       <div class="l-item">
@@ -18,8 +18,8 @@
           <i class="l-item-bg"></i> <span class="l-item-span"> 出租车</span>
         </p>
         <p>
-          <span> 在线车辆数<em>210016</em>辆 </span>
-          <span> 总车辆数<em>265600</em>辆 </span>
+          <span> 在线车辆数<em>10016</em>辆 </span>
+          <span> 总车辆数<em>65600</em>辆 </span>
         </p>
       </div>
       <div class="l-item">
@@ -27,8 +27,8 @@
           <i class="l-item-bg"></i> <span class="l-item-span"> 自行车</span>
         </p>
         <p>
-          <span> 在线车辆数<em>180162</em>辆 </span>
-          <span> 总车辆数<em>305600</em>辆 </span>
+          <span> 在线车辆数<em>10162</em>辆 </span>
+          <span> 总车辆数<em>30600</em>辆 </span>
         </p>
       </div>
       <div class="l-item">
@@ -67,6 +67,7 @@ export default {
     color: #ffffff;
     display: flex;
     justify-content: space-between;
+    font-size: 20px;
     .l-item {
       p {
         text-align: center;
@@ -74,15 +75,15 @@ export default {
         > span {
           margin: 0 10px;
           em {
-            color: #37dbfe;
-            font-size: 18px;
+            color: #f4bd39;
+            font-size: 32px;
             margin: 0 2px;
           }
         }
       }
       .l-item-span {
-        color: #37dbfe;
-        font-size: 18px;
+        color: #f4bd39;
+        font-size: 32px;
       }
       .l-item-bg {
         display: inline-block;

src/views/top/top-component2.vue

 <template>
   <div class="top-component2">
-    <div class="top-title">
-      <img src="./../../assets/images/兰州_03.png" alt="" />
+    <div class="top-title" style="width: 100%">
+      <img src="./../../assets/images/兰州_03.png" style="width: 100%" alt="" />
     </div>
     <div class="top-list">
       <div class="l-item">
         <p><i class="l-item-bg"></i> <span class="l-item-span"> 离线</span></p>
         <p>
-          <span><em>48</em>辆 </span>
+          <span><em>4878</em>辆 </span>
         </p>
       </div>
       <div class="l-item">
         <p><i class="l-item-bg"></i> <span class="l-item-span"> 空驾</span></p>
         <p>
-          <span><em>18</em>辆 </span>
+          <span><em>1458</em>辆 </span>
         </p>
       </div>
       <div class="l-item">
         <p><i class="l-item-bg"></i> <span class="l-item-span"> 载客</span></p>
         <p>
-          <span> <em>54</em>辆 </span>
+          <span> <em>7854</em>辆 </span>
         </p>
       </div>
       <div class="l-item">
@@ -27,7 +27,7 @@
           <i class="l-item-bg"></i> <span class="l-item-span"> 总车数</span>
         </p>
         <p>
-          <span> <em>54</em>辆 </span>
+          <span> <em>4554</em>辆 </span>
         </p>
       </div>
     </div>
@@ -57,6 +57,7 @@ export default {
     color: #ffffff;
     display: flex;
     justify-content: space-around;
+    font-size: 20px;
     .l-item {
       p {
         text-align: center;
@@ -64,15 +65,15 @@ export default {
         > span {
           margin: 0 10px;
           em {
-            color: #37dbfe;
-            font-size: 18px;
+            color: #f4bd39;
+            font-size: 32px;
             margin: 0 2px;
           }
         }
       }
       .l-item-span {
-        color: #37dbfe;
-        font-size: 18px;
+        color: #f4bd39;
+        font-size: 32px;
       }
       .l-item-bg {
         display: inline-block;

src/views/top/top-component3.vue

 <template>
   <div class="top-component3">
-    <div class="top-title">
-      <img src="./../../assets/images/兰州_03.png" alt="" />
+    <div class="top-title" style="width: 100%">
+      <img src="./../../assets/images/兰州_03.png" style="width: 100%" alt="" />
     </div>
     <div class="top-list">
       <div class="l-item">
@@ -9,7 +9,7 @@
           <i class="l-item-bg"></i> <span class="l-item-span"> 上行车辆</span>
         </p>
         <p>
-          <span><em>48</em>辆 </span>
+          <span><em>4801</em>辆 </span>
         </p>
       </div>
       <div class="l-item">
@@ -17,7 +17,7 @@
           <i class="l-item-bg"></i> <span class="l-item-span"> 下行车辆</span>
         </p>
         <p>
-          <span><em>18</em>辆 </span>
+          <span><em>1810</em>辆 </span>
         </p>
       </div>
       <div class="l-item">
@@ -25,7 +25,7 @@
           <i class="l-item-bg"></i> <span class="l-item-span"> 停运车辆</span>
         </p>
         <p>
-          <span> <em>54</em>辆 </span>
+          <span> <em>5104</em>辆 </span>
         </p>
       </div>
     </div>
@@ -55,6 +55,7 @@ export default {
     color: #ffffff;
     display: flex;
     justify-content: space-around;
+    font-size: 20px;
     .l-item {
       p {
         text-align: center;
@@ -62,15 +63,15 @@ export default {
         > span {
           margin: 0 10px;
           em {
-            color: #37dbfe;
-            font-size: 18px;
+            color: #f4bd39;
+            font-size: 32px;
             margin: 0 2px;
           }
         }
       }
       .l-item-span {
-        color: #37dbfe;
-        font-size: 18px;
+        color: #f4bd39;
+        font-size: 32px;
       }
       .l-item-bg {
         display: inline-block;

src/views/top/top-component4.vue

 <template>
   <div class="top-component3">
-    <div class="top-title">
-      <img src="./../../assets/images/兰州_03.png" alt="" />
+    <div class="top-title" style="width: 100%">
+      <img src="./../../assets/images/兰州_03.png" style="width: 100%" alt="" />
     </div>
     <div class="top-list">
       <div class="l-item">
@@ -9,13 +9,13 @@
           <i class="l-item-bg"></i> <span class="l-item-span"> 可还车桩</span>
         </p>
         <p>
-          <span><em>48</em>辆 </span>
+          <span><em>4218</em>辆 </span>
         </p>
       </div>
       <div class="l-item">
         <p><i class="l-item-bg"></i> <span class="l-item-span"> 在线</span></p>
         <p>
-          <span><em>18</em>辆 </span>
+          <span><em>1854</em>辆 </span>
         </p>
       </div>
       <div class="l-item">
@@ -23,7 +23,7 @@
           <i class="l-item-bg"></i> <span class="l-item-span"> 总车数</span>
         </p>
         <p>
-          <span> <em>54</em>辆 </span>
+          <span> <em>5544</em>辆 </span>
         </p>
       </div>
       <div class="l-item">
@@ -31,7 +31,7 @@
           <i class="l-item-bg"></i> <span class="l-item-span"> 总站点数</span>
         </p>
         <p>
-          <span> <em>542</em>辆 </span>
+          <span> <em>5424</em>辆 </span>
         </p>
       </div>
     </div>
@@ -61,6 +61,7 @@ export default {
     color: #ffffff;
     display: flex;
     justify-content: space-around;
+    font-size: 20px;
     .l-item {
       p {
         text-align: center;
@@ -68,15 +69,15 @@ export default {
         > span {
           margin: 0 10px;
           em {
-            color: #37dbfe;
-            font-size: 18px;
+            color: #f4bd39;
+            font-size: 32px;
             margin: 0 2px;
           }
         }
       }
       .l-item-span {
-        color: #37dbfe;
-        font-size: 18px;
+        color: #f4bd39;
+        font-size: 32px;
       }
       .l-item-bg {
         display: inline-block;

src/views/top/top-component5.vue

 <template>
   <div class="top-component5">
-    <div class="top-title">
-      <img src="./../../assets/images/兰州_03.png" alt="" />
+    <div class="top-title" style="width: 100%">
+      <img src="./../../assets/images/兰州_03.png" style="width: 100%" alt="" />
     </div>
     <div class="top-list">
       <div class="l-item">
@@ -9,13 +9,13 @@
           <i class="l-item-bg"></i> <span class="l-item-span"> 在线</span>
         </p>
         <p>
-          <span><em>48</em>辆 </span>
+          <span><em>4458</em>辆 </span>
         </p>
       </div>
       <div class="l-item">
         <p><i class="l-item-bg"></i> <span class="l-item-span"> 告警</span></p>
         <p>
-          <span><em>18</em>辆 </span>
+          <span><em>1854</em>辆 </span>
         </p>
       </div>
       <div class="l-item">
@@ -23,7 +23,7 @@
           <i class="l-item-bg"></i> <span class="l-item-span"> 离线</span>
         </p>
         <p>
-          <span> <em>54</em>辆 </span>
+          <span> <em>5544</em>辆 </span>
         </p>
       </div>
       <div class="l-item">
@@ -31,7 +31,7 @@
           <i class="l-item-bg"></i> <span class="l-item-span"> 总船数</span>
         </p>
         <p>
-          <span> <em>542</em>辆 </span>
+          <span> <em>5424</em>辆 </span>
         </p>
       </div>
     </div>
@@ -61,6 +61,7 @@ export default {
     color: #ffffff;
     display: flex;
     justify-content: space-around;
+    font-size: 20px;
     .l-item {
       p {
         text-align: center;
@@ -68,15 +69,15 @@ export default {
         > span {
           margin: 0 10px;
           em {
-            color: #37dbfe;
-            font-size: 18px;
+            color: #f4bd39;
+            font-size: 32px;
             margin: 0 2px;
           }
         }
       }
       .l-item-span {
-        color: #37dbfe;
-        font-size: 18px;
+        color: #f4bd39;
+        font-size: 32px;
       }
       .l-item-bg {
         display: inline-block;