fix

src/page-instrument/view-figner/index.module.less

@@ -55,23 +55,6 @@
     }
 }
 
-.backBtn {
-    position: absolute;
-    top: 0;
-    left: 0;
-    padding: 30px 30px 25px 33px;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    border: none;
-    background: none;
-    cursor: pointer;
-    z-index: 200;
-
-    img {
-        height: 22px;
-    }
-}
 
 .head {
     position: absolute;
@@ -86,7 +69,21 @@
     padding-top: env(safe-area-inset-top);
     z-index: 5;
 
+    .backBtn {
+        position: relative;
+        padding: 10px 30px 10px 33px;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        border: none;
+        background: none;
+        cursor: pointer;
 
+        img {
+            width: 22px;
+            height: 22px;
+        }
+    }
 
     .left {
         display: flex;
@@ -95,6 +92,14 @@
         margin-left: 100px;
     }
 
+    &.backHead{
+        z-index: 200;
+        right: auto;
+        .left{
+            margin-left: 0;
+        }
+    }
+
     .baseBtn {
         width: 85px;
         height: 33px;
@@ -146,6 +151,7 @@
     }
 }
 
+
 .fingerContent {
     flex: 1;
     overflow: hidden;

src/page-instrument/view-figner/index.tsx

@@ -116,7 +116,6 @@ export default defineComponent({
 			const subject: any = data.subject + (data.viewIndex === 0 ? "" : data.viewIndex);
 			console.log("🚀 ~ subject:", subject);
 			fingerData.subject = await getFingeringConfig(subject);
-
 		};
 		const createAudio = (url: string) => {
 			return new Promise((resolve) => {
@@ -312,9 +311,14 @@ export default defineComponent({
 							: styles.fingerRight,
 					]}
 				>
-					<button class={[styles.backBtn]} onClick={() => handleBack()}>
-						<img src={icons.icon_back} />
-					</button>
+					<div class={[styles.head, styles.backHead]}>
+						<div class={styles.left}>
+							<button class={[styles.backBtn]} onClick={() => handleBack()}>
+								<img src={icons.icon_back} />
+							</button>
+						</div>
+					</div>
+
 					<div class={styles.head}>
 						<div class={styles.left}>
 							{data.subject === "pan-flute" && (