hh

src/views/live/roomDetail.vue

@@ -26,7 +26,7 @@
             </div>
           </van-overlay>
         </el-col>
-        <el-col :span="24" id="videobtnid" :style="{ bottom: bbottom, left: bleft, top: btop, right: bright, transform: transform }">
+        <el-col :span="24" id="videobtnid" :style="`text-align:${balign};bottom:${bbottom};top:${btop}`">
           <el-button type="warning" round @click="full()" size="mini"><i class="el-icon-rank"></i></el-button>
         </el-col>
       </el-col>
@@ -182,10 +182,9 @@ export default {
       vpadding: '0',
       othepadding: '200px 0px 0px 0px',
       othetop: '200px',
-      bbottom: '0px',
-      bleft: '0px',
-      btop: '167px',
-      bright: '10px',
+      balign: 'right',
+      btop: '160px',
+      bbottom: '',
       isscreen: false,
       content: '',
       dataList: [],
@@ -871,10 +870,9 @@ export default {
           this.otheheight = '0px';
           this.othepadding = `${width}px 0 0 0`;
         }
-        this.bbottom = `10px`;
-        this.bleft = `10px`;
-        this.btop = `0px`;
-        this.bright = `0px`;
+        this.balign = 'left';
+        this.btop = '';
+        this.bbottom = '10px';
         if (this.othedivshow) {
           const othediv_ = document.getElementById('othediv');
           let styleothe = 'width:' + height + 'px;';
@@ -909,10 +907,9 @@ export default {
         this.lheight = `200px`;
         this.rheight = `200px`;
 
-        this.bbottom = `0px`;
-        this.bleft = `0px`;
-        this.btop = `167px`;
-        this.bright = `10px`;
+        this.balign = 'right';
+        this.btop = '160px';
+        this.bbottom = '';
         if (this.othedivshow) {
           const othediv_ = document.getElementById('othediv');
           let styleothe = 'width:' + width + 'px;';
@@ -1046,9 +1043,11 @@ export default {
   height: 200px;
   background-color: rgba(0, 0, 0, 0.7);
 }
-.videoBtn {
+#videobtnid {
   position: absolute;
+  width: 100%;
   z-index: 999;
+  padding: 0 10px;
 }
 .userList {
   height: 300px;