hhh

src/views/live/roomDetail.vue

@@ -685,30 +685,42 @@ export default {
         this.transform = 'rotate(90deg)';
         // this.vwidth = height;
         console.log(height);
-        this.vheight = `${width - 70}px`;
-        this.vwidth = `${height}px`;
-        this.lheight = `${width - 70}px`;
-        this.rheight = `${width - 70}px`;
+        if (this.othedivshow) {
+          this.vheight = `${width - 70}px`;
+          this.vwidth = `${height}px`;
+          this.lheight = `${width - 70}px`;
+          this.rheight = `${width - 70}px`;
+        } else {
+          this.vheight = `${width}px`;
+          this.vwidth = `${height}px`;
+          this.lheight = `${width}px`;
+          this.rheight = `${width}px`;
+        }
 
         this.btop = `${height - 40}px`;
         this.bright = `${width - 50}px`;
-
-        const othediv_ = document.getElementById('othediv');
-        let styleothe = 'width:' + height + 'px;';
-        styleothe += 'height:' + 70 + 'px;';
-        styleothe += '-webkit-transform: rotate(90deg); transform: rotate(90deg);';
-        // // 注意旋转中点的处理
-        styleothe += '-webkit-transform-origin: ' + width / 2 + 'px ' + width / 2 + 'px;';
-        styleothe += 'transform-origin: ' + width / 2 + 'px ' + width / 2 + 'px;';
-        othediv_.style.cssText = styleothe;
-        this.otheheight = '70px';
-        this.othewidth = '20%';
-        const ppp_ = `${width - 70}px`;
-        this.othepadding = `${width - 70}px 0 0 0`;
+        if (this.othedivshow) {
+          const othediv_ = document.getElementById('othediv');
+          let styleothe = 'width:' + height + 'px;';
+          styleothe += 'height:' + 70 + 'px;';
+          styleothe += '-webkit-transform: rotate(90deg); transform: rotate(90deg);';
+          // // 注意旋转中点的处理
+          styleothe += '-webkit-transform-origin: ' + width / 2 + 'px ' + width / 2 + 'px;';
+          styleothe += 'transform-origin: ' + width / 2 + 'px ' + width / 2 + 'px;';
+          othediv_.style.cssText = styleothe;
+          this.otheheight = '70px';
+          this.othewidth = '20%';
+          const ppp_ = `${width - 70}px`;
+          this.othepadding = `${width - 70}px 0 0 0`;
+        }
       } else {
         console.log('退出全屏');
         this.isscreen = false;
-        this.oheight = '270px';
+        if (this.othedivshow) {
+          this.oheight = '270px';
+        } else {
+          this.oheight = '200px';
+        }
         const transformid_ = document.getElementById('transformid');
         let style = 'width:' + width + 'px;';
         style += 'height: 200px;';
@@ -723,16 +735,17 @@ export default {
 
         this.btop = `167px`;
         this.bright = `10px`;
-
-        const othediv_ = document.getElementById('othediv');
-        let styleothe = 'width:' + width + 'px;';
-        styleothe += 'height:' + 70 + 'px;';
-        // // 注意旋转中点的处理
-        othediv_.style.cssText = styleothe;
-        this.otheheight = '70px';
-        this.othewidth = '20%';
-        const ppp_ = `${width - 70}px`;
-        this.othepadding = '200px 0 0 0';
+        if (this.othedivshow) {
+          const othediv_ = document.getElementById('othediv');
+          let styleothe = 'width:' + width + 'px;';
+          styleothe += 'height:' + 70 + 'px;';
+          // // 注意旋转中点的处理
+          othediv_.style.cssText = styleothe;
+          this.otheheight = '70px';
+          this.othewidth = '20%';
+          const ppp_ = `${width - 70}px`;
+          this.othepadding = '200px 0 0 0';
+        }
       }
     },
   },