feat: 老师端，按钮方向镜像

src/page-instrument/header-top/index.module.less

@@ -7,6 +7,9 @@
     margin-left: calc(-1 * var(--detailDataPaddingLeft));
     padding: 0 30px;
     background: linear-gradient( 180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.6) 100%);
+    &.headerTopRight {
+        justify-content: flex-end;
+    }
 }
 .modeWarn{
     position: fixed;
@@ -30,6 +33,9 @@
         width: 18px;
         height: 18px;
     }
+    &.modeWarnRight {
+        right: 30px;
+    }
 }
 .headTopLeftBox{
     position: fixed;
@@ -212,7 +218,7 @@
     }
 
     &.pauseLeftButton {
-        left: 88px !important;
+        left: 108px !important;
         right: auto !important;
         bottom: 12px !important;
     }

src/page-instrument/header-top/index.tsx

@@ -589,7 +589,7 @@ export default defineComponent({
     return () => (
       <>
         <div
-          class={[styles.headerTop]}
+          class={[styles.headerTop, state.platform === IPlatform.PC && state.musicScoreBtnDirection === "left" ? styles.headerTopRight : ""]}
           onClick={(e: Event) => {
             e.stopPropagation();
             if (state.platform === IPlatform.PC) {
@@ -644,7 +644,7 @@ export default defineComponent({
           {/* 模式提醒 */}
           {
             state.modeType === "practise" &&
-              <div class={[styles.modeWarn, "practiseModeWarn"]}>
+              <div class={[styles.modeWarn, "practiseModeWarn", state.platform === IPlatform.PC && state.musicScoreBtnDirection === "left" ? styles.modeWarnRight : ""]}>
                 <img src={state.playType === "play" ? headImg("perform1.png") : headImg("sing1.png")} />
                 <div>{state.playType === "play" ? "演奏场景" : "演唱场景"}</div>
               </div>