按钮

src/page-instrument/follow-model/index.module.less

@@ -18,7 +18,7 @@
 .endBtn{
   position: fixed;
   left: 50%;
-  bottom: 16px;
+  
   width: 120px;
   height: 40px;
   margin-left: -70px;
@@ -29,6 +29,12 @@
     width: 100%;
     height: 100%;
   }
+  &.bottom{
+    bottom: 16px;
+  }
+  &.top{
+    bottom: 1.8rem;
+  }
 }
 
 .noteState {

src/page-instrument/follow-model/index.tsx

@@ -4,6 +4,7 @@ import icons from "./icons.json";
 import { followData, handleFollowEnd, handleFollowStart } from "/src/view/follow-practice";
 import { Popup } from "vant";
 import Microphone from "./microphone";
+import state from "/src/state";
 
 export default defineComponent({
 	name: "follow-model",
@@ -24,7 +25,7 @@ export default defineComponent({
 				</Transition>
 				<Transition name="pop-center">
 					{followData.start && (
-						<div class={styles.endBtn} key="end">
+						<div class={[styles.endBtn, state.fingeringInfo?.name && state.fingeringInfo.direction == 'transverse' && state.setting.displayFingering ? styles.top : styles.bottom]} key="end">
 							<img
 								src={icons.end}
 								onClick={() => {