样式修改

src/views/creation/index.module.less

@@ -190,13 +190,14 @@
     }
   }
   .landscapeScreen{
-    width: 26px;
-    height: 26px;
+    width: 32px;
+    height: 32px;
     position: absolute;
     background: url("./images/Landscape.png") no-repeat;
-    background-size: 100% 100%;
-    right: 10px;
-    top: 10px;
+    background-size: 26px 26px;
+    background-position: center center;
+    right: 7px;
+    top: 7px;
     z-index: 15;
   }
   .staffBoxCon{
@@ -901,5 +902,8 @@
   .staffBox{
     height: calc(var(--staffBoxHeight) + 44px);
     padding-bottom: 44px;
+    .staff{
+      padding-left: 20px;
+    }
   }
 }

src/views/creation/index.tsx

@@ -190,6 +190,12 @@ export default defineComponent({
         content: { statusBarTextColor: isWhite }
       })
     }
+    const pageVisibility = usePageVisibility();
+    watch(pageVisibility, value => {
+      if (value === 'hidden') {
+        state._plrl?.pause();
+      }
+    });
     // 初始化 媒体播放
     function initMediaPlay(){
       const id = state.playType === "Audio" ? "#audioMediaSrc" : "#videoMediaSrc";