|
@@ -222,6 +222,10 @@ export default defineComponent({
|
|
|
paddingBottom: state.fingeringInfo.height,
|
|
|
},
|
|
|
fingerBox: {
|
|
|
+ position: "absolute",
|
|
|
+ left: 0,
|
|
|
+ bottom: 0,
|
|
|
+ right: 0,
|
|
|
height: state.fingeringInfo.height,
|
|
|
},
|
|
|
};
|
|
@@ -290,11 +294,14 @@ export default defineComponent({
|
|
|
</>
|
|
|
)}
|
|
|
{/* 指法 */}
|
|
|
- {state.setting.displayFingering && state.fingeringInfo?.name && (
|
|
|
- <div style={{ ...fingerConfig.value.fingerBox }}>
|
|
|
- <Fingering />
|
|
|
- </div>
|
|
|
- )}
|
|
|
+ <Transition name={state.fingeringInfo.direction === "transverse" ? "v-slide-up" : "v-slide-right"}>
|
|
|
+ {state.setting.displayFingering && state.fingeringInfo?.name && (
|
|
|
+ <div style={{ ...fingerConfig.value.fingerBox }}>
|
|
|
+ <Fingering />
|
|
|
+ </div>
|
|
|
+ )}
|
|
|
+ </Transition>
|
|
|
+
|
|
|
|
|
|
{/* 移动模块 */}
|
|
|
{/* {query.isMove == '1' && <MoveMusicScore />} */}
|