调整显示样式

src/views/index.vue

@@ -527,7 +527,7 @@ export default {
       var option;
       
       var xData = this.rsqsXData;
-      var color = ['#FF99CC', '#6666FF', '#FF6600', '#7049f0', '#fa704d', '#01babc',]
+      var color = ['#FF99CC', '#6666FF', '#FF6600', '#7049f0', '#fa704d', '#01babc']
       var name = []
       // var data = [
       //   [174, 137, 135, 34, 152, 135, 140, 160, 100, 174, 137, 135, 34],
@@ -964,7 +964,7 @@ export default {
   },
 };
 </script>
-<style>
+<style scoped>
 .screen-box {
   background: none !important;
 }
@@ -977,7 +977,7 @@ export default {
   background-repeat: no-repeat;
 }
 </style>
-<style lang="less">
+<style>
 #index {
   width: 100%;
   height: 100%;
@@ -1056,6 +1056,7 @@ export default {
   display: flex;
   align-items: center;
   justify-content: space-between;
+  white-space: nowrap;
 }
 
 /* 场馆左侧 */
@@ -1095,14 +1096,14 @@ export default {
 
 .indexleftbox .cgflow .cgfitem .cgtitle {
   color: #0096ff;
-  font-size: 16px;
+  font-size: 14px;
   flex: 1;
 }
 
 .indexleftbox .cgflow .cgfitem .cgval {
   color: white;
   font-weight: 700;
-  font-size: 18px;
+  font-size: 16px;
 }
 
 .indexleftbox .cgflow .cgfitem .cgimg img {
@@ -1126,7 +1127,7 @@ export default {
 }
 /* 各场馆人流趋势 */
 .indexleftbox .gcgqs {
-  // float: left;
+  /* float: left; */
   width: 100%;
   height: 30vh;
 }
@@ -1357,22 +1358,22 @@ export default {
   overflow: visible !important;
 }
 .screen-box .screen-wrapper{
-    // width: calc(24rem - 0.44rem) !important;
+    /* // width: calc(24rem - 0.44rem) !important; */
     height: 10.71rem !important;
     overflow: visible !important;
     margin: 0px 0.29rem 0px 0.15rem !important;
-    // margin: 0px auto !important;
+    /* // margin: 0px auto !important; */
     box-sizing: border-box !important;
-    // transform-origin: center top !important;
+    /* // transform-origin: center top !important; */
     transform: scale(1) !important;
   }
 #index{
-  // transform: scale(1.25);
+  /* // transform: scale(1.25); */
   /* //浏览器缩小至1536时，匹配外盒子逻辑赋予的transform: scale(0.8, 0.8) */
   transform-origin: 0 0;
-  // display: flex;
+  /* // display: flex; */
-  // transform: scale(1.1);
+  /* // transform: scale(1.1); */
-  // width: 100%;
+  /* // width: 100%; */
-  // justify-content: space-between;
+  /* // justify-content: space-between; */
 }
 </style>