save

components/dialog/user-dialog/index.vue

@@ -97,7 +97,7 @@ export default {
 <style lang="scss" scoped>
 
 .dialog-layout {
-  position: absolute;
+  position: fixed;
   top: 0;
   bottom: 0;
   left: 0;
@@ -105,7 +105,7 @@ export default {
   display: flex;
   justify-content: center;
   align-items: center;
-  z-index: 999;
+  z-index: 99999;
   .mark {
     position: absolute;
     top: 0;
@@ -123,6 +123,7 @@ export default {
     height: 350px;
     position: relative;
     color: white;
+    z-index: 9999;
     .close {
       width: 34px;
       height: 34px;

pages/index/game/components/WebRTCPlayer.vue

 
 <template>
-  <video ref="jswebrtc" style="width: 100%;height: 100%;object-fit: fill" playsinline @click="(e) => handler().click(e)"/>
+  <div>
+    <video ref="jswebrtc" style="width: 100%;height: 100%;object-fit: fill;" playsinline @click="(e) => handler().click(e)"/>
+  </div>
 </template>
 
 <script>