指法

src/view/fingering/fingering-config.ts

@@ -21,6 +21,7 @@ export type IFingering = {
 	code?: string;
 	/** 是否有替指 */
 	hasTizhi?: boolean;
+	transform?: string;
 };
 
 type ITypeContent = {
@@ -217,6 +218,7 @@ export const subjectFingering = (subjectId: number | string): IFingering => {
 				orientation: 0,
 				code: '排箫',
 				hasTizhi: false,
+				transform: 'scale(2.5) translateY(15px)',
 			};
 		case "ocarina": // 陶笛
 			return {

src/view/fingering/index.tsx

@@ -45,7 +45,7 @@ export default defineComponent({
 						<div onClick={() => doubeClick()} class={[styles.fingeringContainer]}>
 							<span class={[styles.yidiao, rs.includes(0) && styles.canDisplay]}>转调</span>
 
-							<div class={styles.imgs}>
+							<div class={styles.imgs} style={{transform: state.fingeringInfo.transform}}>
 								<img src={fingerData.subject?.json?.full} />
 								{rs.map((key: number | string, index: number) => {
 									const nk: string = typeof key === "string" ? key.replace("active-", "") : String(key);