|
@@ -86,6 +86,8 @@ const setNoteHalfTone = (list: any[]) => {
|
|
|
|
|
|
export const musicScoreRef = ref();
|
|
|
|
|
|
+export const headerColumnHide = ref(false); // 是否隐藏功能按钮,播放时自动隐藏
|
|
|
+
|
|
|
export default defineComponent({
|
|
|
name: "music-list",
|
|
|
setup() {
|
|
@@ -296,25 +298,22 @@ export default defineComponent({
|
|
|
if (state.fingeringInfo.direction === "transverse") {
|
|
|
return {
|
|
|
container: {
|
|
|
- paddingBottom: detailData.headerHide ? state.fingeringInfo.height : state.fingeringInfo.scaleData?.offset,
|
|
|
+ paddingBottom: headerColumnHide.value ? state.fingeringInfo.height : state.fingeringInfo.scaleData?.offset
|
|
|
},
|
|
|
// 横向指法,跟练&评测模式,默认展示贴底展示
|
|
|
- fingerBox:
|
|
|
- state.modeType === "follow" || state.modeType === "evaluating"
|
|
|
- ? {
|
|
|
- height: state.fingeringInfo.height,
|
|
|
- position: "absolute",
|
|
|
- bottom: 0,
|
|
|
- width: "100%",
|
|
|
- }
|
|
|
- : detailData.headerHide
|
|
|
- ? {
|
|
|
- height: state.fingeringInfo.height,
|
|
|
- }
|
|
|
- : {
|
|
|
- height: state.fingeringInfo.height,
|
|
|
- transform: `scale(${state.fingeringInfo.scaleData?.scale})`,
|
|
|
- },
|
|
|
+ fingerBox: (state.modeType === 'follow' || state.modeType === 'evaluating') ?
|
|
|
+ {
|
|
|
+ height: state.fingeringInfo.height,
|
|
|
+ position: 'absolute',
|
|
|
+ bottom: 0,
|
|
|
+ width: '100%'
|
|
|
+ } :
|
|
|
+ headerColumnHide.value ? {
|
|
|
+ height: state.fingeringInfo.height
|
|
|
+ } : {
|
|
|
+ height: state.fingeringInfo.height,
|
|
|
+ transform: `scale(${state.fingeringInfo.scaleData?.scale})`
|
|
|
+ }
|
|
|
};
|
|
|
} else {
|
|
|
console.log("指法", state.playBtnDirection, state.platform);
|
|
@@ -391,9 +390,9 @@ export default defineComponent({
|
|
|
() => state.playState,
|
|
|
() => {
|
|
|
// if (state.platform != IPlatform.PC) {
|
|
|
- // detailData.headerHide = state.playState === "play" ? true : false;
|
|
|
+ // headerColumnHide.value = state.playState === "play" ? true : false;
|
|
|
// }
|
|
|
- detailData.headerHide = state.playState === "play" ? true : false;
|
|
|
+ headerColumnHide.value = state.playState === "play" ? true : false;
|
|
|
sendParentMessage(state.playState);
|
|
|
}
|
|
|
);
|
|
@@ -401,7 +400,7 @@ export default defineComponent({
|
|
|
watch(
|
|
|
() => followData.start,
|
|
|
() => {
|
|
|
- detailData.headerHide = followData.start;
|
|
|
+ headerColumnHide.value = followData.start;
|
|
|
}
|
|
|
);
|
|
|
/** 指法预览切换 */
|
|
@@ -490,7 +489,10 @@ export default defineComponent({
|
|
|
{/* 曲目加载错误的缺省 */}
|
|
|
<EmptyMusic></EmptyMusic>
|
|
|
{/** 功能按钮 */}
|
|
|
- {!state.isPreView && <div class={["headHeight", styles.headHeight, detailData.headerHide && styles.headHide]}>{state.musicRendered && <HeaderTop />}</div>}
|
|
|
+ {
|
|
|
+ !state.isPreView &&
|
|
|
+ <div class={[styles.headHeight, headerColumnHide.value && styles.headHide]}>{state.musicRendered && <HeaderTop />}</div>
|
|
|
+ }
|
|
|
<div
|
|
|
id="scrollContainer"
|
|
|
style={{ ...fingerConfig.value.container }}
|
|
@@ -498,11 +500,11 @@ export default defineComponent({
|
|
|
onClick={(e: Event) => {
|
|
|
e.stopPropagation();
|
|
|
// if (state.playState === "play" && state.platform != IPlatform.PC) {
|
|
|
- // detailData.headerHide = !detailData.headerHide;
|
|
|
+ // headerColumnHide.value = !headerColumnHide.value;
|
|
|
// }
|
|
|
// 点击谱面跟练也需要切换显示按钮栏
|
|
|
if (state.playState === "play" || followData.start) {
|
|
|
- detailData.headerHide = !detailData.headerHide;
|
|
|
+ headerColumnHide.value = !headerColumnHide.value;
|
|
|
}
|
|
|
}}
|
|
|
>
|