瀏覽代碼

移动端全屏调整

natasha 1 周之前
父節點
當前提交
d424938f4d

+ 1 - 1
src/components/Adult/phonePreview/DialogueArticleViewChs/index.vue

@@ -396,7 +396,7 @@ export default {
       this.pauseAudio();
       this.pauseVideo();
       this.isFull = true;
-      this.goFullscreen();
+      // this.goFullscreen();
     },
     pauseAudio() {
       let audio = document.getElementsByTagName("audio");

+ 1 - 1
src/components/Adult/phonePreview/VoiceMatrix.vue

@@ -798,7 +798,7 @@ export default {
     fullScreen() {
       this.pauseAudio();
       this.isFull = true;
-      this.goFullscreen();
+      // this.goFullscreen();
     },
     goFullscreen() {
       let element = document.getElementById(`screen-${this.cid}`);

+ 7 - 0
src/components/Adult/phonePreview/VoiceMatrixFullscreen.vue

@@ -1000,6 +1000,11 @@ $dark-color-play: #fff2c6;
   transform: rotate(90deg);
   transform-origin: 0% 0%;
   margin-left: 100vw;
+  position: fixed;
+  left: 0;
+  top: 0;
+  z-index: 99999;
+
   &.bg1 {
     background: #fff;
     color: #062211;
@@ -1527,6 +1532,8 @@ $dark-color-play: #fff2c6;
           > span {
             display: inline-block;
             padding: 4px 12px;
+            word-break: keep-all;
+            white-space: nowrap;
           }
         }
 

+ 6 - 1
src/components/Adult/phonePreview/Voicefullscreen.vue

@@ -1591,6 +1591,10 @@ export default {
   transform: rotate(90deg);
   transform-origin: 0% 0%;
   margin-left: 100vw;
+  position: fixed;
+  left: 0;
+  top: 0;
+  z-index: 99999;
   .NNPE-wordDetail {
     position: fixed;
     z-index: 9999;
@@ -1920,7 +1924,6 @@ export default {
     box-sizing: border-box;
     display: flex;
     align-items: center;
-    overflow: auto;
     .vc-box {
       padding: 0 8px 0 36px;
       &-right {
@@ -1970,6 +1973,8 @@ export default {
       width: fit-content;
       margin: 0 auto;
       padding: 0 67px;
+      max-height: calc(100vw - 132px);
+      overflow: auto;
       .enwords {
         padding: 0 3px;
         margin-top: 24px;