替指

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

@@ -237,6 +237,7 @@
 }
 
 .fingeringContainer {
+    position: relative;
     width: 100%;
     height: 100%;
     display: flex;
@@ -264,6 +265,8 @@
 
 .tizhi {
     position: absolute;
+    top: 20%;
+    right: 20%;
     width: 30px;
     height: 30px;
     text-align: center;

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

@@ -183,7 +183,6 @@ export default defineComponent({
 											onMouseleave={() => noteClick(note, "stop")}
 											onTouchstart={() => noteClick(note, "start")}
 											onTouchend={() => noteClick(note, "stop")}
-											onTouchcancel={() => noteClick(note, "stop")}
 										>
 											{data.realKey === note.realKey ? (
 												<img draggable={false} src={icons.icon_btn_ylow} />