fix

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

@@ -63,7 +63,7 @@
     }
     .boxItem3{
         position: absolute;
-        left: -80px;
+        left: 20px;
         top: 0;
         img{
             width: 83px;

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

@@ -591,7 +591,7 @@
 .tizhi {
     position: absolute;
     top: 20%;
-    left: 10%;
+    left: 0;
     width: 30px;
     height: 30px;
     text-align: center;
@@ -847,6 +847,9 @@
             padding: 4px 8px;
         }
     }
+    .hulusiBtn{
+        font-size: 10px;
+    }
 }
 
 :global(.van-popup--bottom.tonePopup) {

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

@@ -422,7 +422,7 @@ export default defineComponent({
 											return <img data-index={nk} src={fingerData.subject?.json?.[nk]} />;
 										})}
 										<div
-											id="finger-note-2"
+											style={{left: data.viewIndex == 2 ? '0': '64%'}}
 											class={[styles.tizhi, canTizhi && styles.canDisplay]}
 											onClick={() =>
 												(fingerData.relationshipIndex = fingerData.relationshipIndex === 0 ? 1 : 0)
@@ -430,6 +430,15 @@ export default defineComponent({
 										>
 											替指
 										</div>
+										<div
+											id="finger-note-2"
+											style={{left: '50%', transform: 'translateX(-50%)'}}
+											class={styles.tizhi}
+											onClick={() =>
+												(fingerData.relationshipIndex = fingerData.relationshipIndex === 0 ? 1 : 0)
+											}
+										>
+										</div>
 									</div>
 								</div>
 							</div>
@@ -577,6 +586,7 @@ export default defineComponent({
 											const steps = new Array(Math.abs(tone.step)).fill(1);
 											return (
 												<Button
+													class={[fingerData.fingeringInfo.name == "hulusi-flute" && styles.hulusiBtn]}
 													round
 													plain
 													type={data.popupActiveTone.realName === tone.realName ? "primary" : "default"}