17767204043 пре 2 година
родитељ
комит
20e9e42195
1 измењених фајлова са 33 додато и 23 уклоњено
  1. 33 23
      src/views/bigScreen/six.vue

+ 33 - 23
src/views/bigScreen/six.vue

@@ -184,6 +184,13 @@ export default {
       window.addEventListener('resize',e=>{
             this.waterChart.resize();
             this.waterChart_other.resize();
+            // this.bottomRightTop.resize()
+//             this.bottomRightTop.forEach(v=>{
+//      addEventListener("resize", ()=> {                
+// 	v.resize(); 
+         
+// });
+//   })
         })
     //   document.getElementsByClassName('content')[0].style.height = 90+'px';
     //    console.log(document.getElementsByClassName('content')[0].style.height);
@@ -343,7 +350,7 @@ export default {
         color: ['rgba(102, 153, 255, 1)'],
         series: [
           {
-            name: '食堂',
+            name: '',
             type: 'bar',
             data: this.legendData,
             barWidth: 30,//柱图宽度
@@ -850,15 +857,19 @@ option={
 }
 
   myChart.setOption(option)
+  window.addEventListener('resize', () => {
+	    myChart.resize();
+      console.log(myChart,"这是");
+    })
   }
   })
  
-  this.bottomRightTop.forEach(v=>{
-     addEventListener("resize", ()=> {                
-	v.resize(); 
+//   this.bottomRightTop.forEach(v=>{
+//      addEventListener("resize", ()=> {                
+// 	v.resize(); 
          
-});
-  })
+// });
+//   })
 
 },
 // project_icon(){
@@ -1014,16 +1025,16 @@ option={
 .content{
     // border: 10px solid black;
     width: 100vw;
-    height:100vh;
+    height:56.27vw;
     .time{
         // border: 10px solid orange;
      
       
-        position: absolute;
-        left: 5%;
-        width: 20%;
-        height: 5%;
-        top: 9%;
+        display:flex;
+        margin-left:3%;
+        margin-bottom:1%;
+        align-items: center;
+        width:20%;
            span{
             color: white;
         font-size: 1vw;
@@ -1184,10 +1195,10 @@ option={
                            span{
                              z-index: 10;
                              color: white;
-                               font-size: 1vw;
+                               font-size: 1.5vw;
                         font-weight: bold;
-                         margin-top: 55%;
-                         margin-left: 2%;
+                         margin-top: 60%;
+                         margin-left: 4%;
                            }
                }
                  }
@@ -1275,7 +1286,7 @@ option={
                  .content_middle_top_right_item_pic_line_one{
                              position: absolute;
                              color: aqua;
-                             top:36%;
+                             top:37.6%;
                              left: 21%;
                              font-weight:bolder;
                              font-size:2vw;
@@ -1283,7 +1294,7 @@ option={
                  .content_middle_top_right_item_pic_line_two{
                                  position: absolute;
                                   color: aqua;
-                             top:36%;
+                             top:37.6%;
                              left: 46%;
                              font-weight:bolder;
                               font-size:2vw;
@@ -1291,7 +1302,7 @@ option={
                  .content_middle_top_right_item_pic_line_three{
                                position: absolute;
                                 color: aqua;
-                             top:36%;
+                             top:37.6%;
                              left: 70.2%;
                              font-weight:bolder;
                               font-size:2vw;
@@ -1353,7 +1364,7 @@ option={
                                  }
                          }
                          .content_middle_bottom_right_top_item{
-                           
+                           margin-top:7%;
                    height: 80%;
                   
                    .content_middle_top_right_content_group{
@@ -1391,10 +1402,9 @@ option={
     margin-top: 1%;
                          height: 49.5%;
                          .content_middle_bottom_right_bottom_title{
-                           height: 20%;
-                            position: absolute;
-                            left:53.5%;
-                            top:68.5%;
+                           margin-top: 0.8%;
+                           margin-left: 2.6%;
+                           position:absolute;
                            span{
                                   font-size: 1.2vw;
                        color: white;