样式暂存

src/components/signMap.vue

@@ -129,6 +129,7 @@
 <style scoped>
     .signMap {
         width: 100%;
+        height: 473px;
         overflow: hidden;
         display: block;
         margin: 0 auto;
@@ -138,7 +139,7 @@
     .signMapList {
         position: relative;
         width: 100%;
-        /*height: 420px;*/
+        height: 80%;
         overflow: hidden;
         display: block;
         margin: 0 auto;
@@ -175,7 +176,8 @@
 
     .signMapListBg {
         width: 95%;
-        height: 385px;
+        /*height: 385px;*/
+        height: 90%;
         float: left;
         background: url("../assets/img/main/grid.png");
         background-size: 100% 100%;
@@ -184,7 +186,7 @@
     .right_rule {
         float: left;
         width: 30px;
-        height: 100%;
+        height: 90%;
     }
 
     .right_rule span {
@@ -192,8 +194,8 @@
         overflow: hidden;
         display: block;
         margin: 0 auto;
-        height: 30px;
-        line-height: 30px;
+        height: 8%;
+        line-height: 100%;
         text-align: center;
         font-size: 12px;
     }

src/views/Main.vue

@@ -113,6 +113,14 @@
                         {'X': '信道2', 'Y': 32},
                         {'X': '信道3', 'Y': 41},
                         {'X': '信道4', 'Y': 111},
+                        {'X': '信道5', 'Y': 411}, {'X': '信道1', 'Y': 12},
+                        {'X': '信道2', 'Y': 32},
+                        {'X': '信道3', 'Y': 41},
+                        {'X': '信道4', 'Y': 111},
+                        {'X': '信道5', 'Y': 411}, {'X': '信道1', 'Y': 12},
+                        {'X': '信道2', 'Y': 32},
+                        {'X': '信道3', 'Y': 41},
+                        {'X': '信道4', 'Y': 111},
                         {'X': '信道5', 'Y': 411},
                     ]
                 };
@@ -123,6 +131,16 @@
                         {'X': '3M', 'Y': 241},
                         {'X': '4M', 'Y': 111},
                         {'X': '5M', 'Y': 411},
+                        {'X': '6M', 'Y': 311},
+                        {'X': '7M', 'Y': 32},
+                        {'X': '8M', 'Y': 241},
+                        {'X': '9M', 'Y': 111},
+                        {'X': '10M', 'Y': 411},
+                        {'X': '11M', 'Y': 311},
+                        {'X': '12M', 'Y': 32},
+                        {'X': '13M', 'Y': 241},
+                        {'X': '14M', 'Y': 111},
+                        {'X': '15M', 'Y': 411},
                     ]
                 }
             },
@@ -228,16 +246,19 @@
     }
 
     .bigMd /deep/ .histogram div {
-         width: 100%!important;
+        width: 100% !important;
     }
+
     .bigMd /deep/ .histogram canvas {
-         width: 100%!important;
+        width: 100% !important;
     }
+
     .bigMd /deep/ .ve-line div {
-         width: 100%!important;
+        width: 100% !important;
     }
+
     .bigMd /deep/ .ve-line canvas {
-         width: 100%!important;
+        width: 100% !important;
     }
 
     .mainContainer .md .cube {