hhh

src/views/live/roomDetail.vue

@@ -126,7 +126,7 @@
       </van-popup>
     </el-row>
     <el-col :span="24" class="videoBtn">
-      <div id="videobtnid" :style="{ top: btop, right: bright, transform: transform }">
+      <div id="videobtnid" :style="{ bottom: bbottom, left: bleft, top: btop, right: bright, transform: transform }">
         <el-button type="warning" round @click="full()" size="mini"><i class="el-icon-rank"></i></el-button>
       </div>
     </el-col>
@@ -174,6 +174,8 @@ export default {
       vpadding: '0',
       othepadding: '200px 0px 0px 0px',
       othetop: '200px',
+      bbottom: '0px',
+      bleft: '0px',
       btop: '167px',
       bright: '10px',
       isscreen: false,
@@ -861,9 +863,10 @@ export default {
           this.otheheight = '0px';
           this.othepadding = `${width}px 0 0 0`;
         }
-
-        this.btop = `${height - 40}px`;
-        this.bright = `${width - 50}px`;
+        this.bbottom = `10px`;
+        this.bleft = `10px`;
+        this.btop = `0px`;
+        this.bright = `0px`;
         if (this.othedivshow) {
           const othediv_ = document.getElementById('othediv');
           let styleothe = 'width:' + height + 'px;';
@@ -898,6 +901,8 @@ export default {
         this.lheight = `200px`;
         this.rheight = `200px`;
 
+        this.bbottom = `0px`;
+        this.bleft = `0px`;
         this.btop = `167px`;
         this.bright = `10px`;
         if (this.othedivshow) {
@@ -1036,8 +1041,6 @@ export default {
 .videoBtn {
   position: absolute;
   z-index: 999;
-  bottom: 10px;
-  left: 10px;
 }
 .userList {
   height: 300px;