指法

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

@@ -64,7 +64,7 @@ export default defineComponent({
 			popupActiveTone: {} as IFIGNER_INSTRUMENT_Note,
 			activeToneName: "",
 			soundFonts: {} as any,
-			viewIndex: 0,
+			viewIndex: 1,
 			noteAudio: null as unknown as Howl,
 			transform: {
 				scale: 1,
@@ -353,8 +353,8 @@ export default defineComponent({
 									class={styles.baseBtn}
 									onClick={() => {
 										data.viewIndex++;
-										if (data.viewIndex > 3) {
-											data.viewIndex = 0;
+										if (data.viewIndex > 4) {
+											data.viewIndex = 1;
 										}
 										getFingeringData();
 									}}

src/view/fingering/fingering-config.ts

@@ -43,6 +43,7 @@ export type IVocals =
 	| "pan-flute1"
 	| "pan-flute2"
 	| "pan-flute3"
+	| "pan-flute4"
 	| "ocarina"
 	| "melodica";
 
@@ -217,7 +218,7 @@ export const subjectFingering = (subjectId: number | string): IFingering => {
 			return {
 				name: "pan-flute",
 				direction: "transverse",
-				height: "2.6rem",
+				height: "2rem",
 				disabledFinger: true,
 				orientation: 0,
 				code: "排箫",
@@ -358,6 +359,12 @@ export const getFingeringConfig = async (type: IVocals | undefined): Promise<ITy
 				json: pan3.default,
 				relationship: relationships.pan,
 			};
+		case "pan-flute4":
+			const pan4 = await import(`./fingering-img/pan-flute4/index.json`);
+			return {
+				json: pan4.default,
+				relationship: relationships.pan,
+			};
 		case "ocarina":
 			const ocarina = await import(`./fingering-img/ocarina/index.json`);
 			return {

src/view/fingering/index.tsx

@@ -14,6 +14,7 @@ export default defineComponent({
 		});
 		const getFingeringData = async () => {
 			fingerData.subject = await getFingeringConfig(state.fingeringInfo.name);
+			console.log("🚀 ~ fingerData.subject:", fingerData.subject)
 		};
 		onBeforeMount(() => {
 			getFingeringData();