|
@@ -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,7 +298,7 @@ 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') ?
|
|
@@ -306,7 +308,7 @@ export default defineComponent({
|
|
|
bottom: 0,
|
|
|
width: '100%'
|
|
|
} :
|
|
|
- detailData.headerHide ? {
|
|
|
+ headerColumnHide.value ? {
|
|
|
height: state.fingeringInfo.height
|
|
|
} : {
|
|
|
height: state.fingeringInfo.height,
|
|
@@ -389,9 +391,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);
|
|
|
}
|
|
|
);
|
|
@@ -399,7 +401,7 @@ export default defineComponent({
|
|
|
watch(
|
|
|
() => followData.start,
|
|
|
() => {
|
|
|
- detailData.headerHide = followData.start;
|
|
|
+ headerColumnHide.value = followData.start;
|
|
|
}
|
|
|
);
|
|
|
/** 指法预览切换 */
|
|
@@ -494,7 +496,7 @@ export default defineComponent({
|
|
|
{/** 功能按钮 */}
|
|
|
{
|
|
|
!state.isPreView &&
|
|
|
- <div class={[styles.headHeight, detailData.headerHide && styles.headHide]}>{state.musicRendered && <HeaderTop />}</div>
|
|
|
+ <div class={[styles.headHeight, headerColumnHide.value && styles.headHide]}>{state.musicRendered && <HeaderTop />}</div>
|
|
|
}
|
|
|
<div
|
|
|
id="scrollContainer"
|
|
@@ -503,11 +505,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;
|
|
|
}
|
|
|
}}
|
|
|
>
|