|
@@ -314,35 +314,47 @@ export default defineComponent({
|
|
|
} else {
|
|
|
console.log('指法',state.playBtnDirection,state.platform)
|
|
|
// 老师端,竖向指法,需要根据功能按钮方向进行设置
|
|
|
- if (state.platform === IPlatform.PC) {
|
|
|
- return {
|
|
|
- container: {
|
|
|
- paddingRight: state.playBtnDirection === "right" ? "initial" : state.fingeringInfo.width,
|
|
|
- paddingLeft: state.playBtnDirection === "right" ? state.fingeringInfo.width : "initial",
|
|
|
- },
|
|
|
- fingerBox: {
|
|
|
- position: "absolute",
|
|
|
- width: state.fingeringInfo.width,
|
|
|
- height: "80%",
|
|
|
- right: state.playBtnDirection === "right" ? "initial" : 0,
|
|
|
- left: state.playBtnDirection === "right" ? 0 : "initial",
|
|
|
- top: 0,
|
|
|
- },
|
|
|
- };
|
|
|
- } else {
|
|
|
- return {
|
|
|
- container: {
|
|
|
- paddingLeft: state.fingeringInfo.width,
|
|
|
- },
|
|
|
- fingerBox: {
|
|
|
- position: "absolute",
|
|
|
- width: state.fingeringInfo.width,
|
|
|
- height: "80%",
|
|
|
- left: 0,
|
|
|
- top: 0,
|
|
|
- },
|
|
|
- };
|
|
|
- }
|
|
|
+ // if (state.platform === IPlatform.PC) {
|
|
|
+ // return {
|
|
|
+ // container: {
|
|
|
+ // paddingRight: state.playBtnDirection === "right" ? "initial" : state.fingeringInfo.width,
|
|
|
+ // paddingLeft: state.playBtnDirection === "right" ? state.fingeringInfo.width : "initial",
|
|
|
+ // },
|
|
|
+ // fingerBox: {
|
|
|
+ // position: "absolute",
|
|
|
+ // width: state.fingeringInfo.width,
|
|
|
+ // height: state.fingeringInfo.name === "hulusi-flute" ? "86%" : "80%",
|
|
|
+ // right: state.playBtnDirection === "right" ? "initial" : 0,
|
|
|
+ // left: state.playBtnDirection === "right" ? 0 : "initial",
|
|
|
+ // top: state.fingeringInfo.name === "ocarina" ? "60px" : 0,
|
|
|
+ // },
|
|
|
+ // };
|
|
|
+ // } else {
|
|
|
+ // return {
|
|
|
+ // container: {
|
|
|
+ // paddingLeft: state.fingeringInfo.width,
|
|
|
+ // },
|
|
|
+ // fingerBox: {
|
|
|
+ // position: "absolute",
|
|
|
+ // width: state.fingeringInfo.width,
|
|
|
+ // height: state.fingeringInfo.name === "hulusi-flute" ? "86%" : "80%",
|
|
|
+ // left: 0,
|
|
|
+ // top: state.fingeringInfo.name === "ocarina" ? "60px" : 0,
|
|
|
+ // },
|
|
|
+ // };
|
|
|
+ // }
|
|
|
+ return {
|
|
|
+ container: {
|
|
|
+ paddingLeft: state.fingeringInfo.width,
|
|
|
+ },
|
|
|
+ fingerBox: {
|
|
|
+ position: "absolute",
|
|
|
+ width: state.fingeringInfo.width,
|
|
|
+ height: state.fingeringInfo.name === "hulusi-flute" ? "86%" : "80%",
|
|
|
+ left: 0,
|
|
|
+ top: state.fingeringInfo.name === "ocarina" ? "60px" : 0,
|
|
|
+ },
|
|
|
+ };
|
|
|
}
|
|
|
}
|
|
|
return {
|
|
@@ -393,6 +405,13 @@ export default defineComponent({
|
|
|
sendParentMessage(state.playState);
|
|
|
}
|
|
|
);
|
|
|
+ // 监听跟练的开启状态
|
|
|
+ watch(
|
|
|
+ () => followData.start,
|
|
|
+ () => {
|
|
|
+ detailData.headerHide = followData.start;
|
|
|
+ }
|
|
|
+ );
|
|
|
/** 指法预览切换 */
|
|
|
watch(
|
|
|
() => detailData.fingerPreView,
|
|
@@ -490,7 +509,8 @@ export default defineComponent({
|
|
|
// if (state.playState === "play" && state.platform != IPlatform.PC) {
|
|
|
// detailData.headerHide = !detailData.headerHide;
|
|
|
// }
|
|
|
- if (state.playState === "play") {
|
|
|
+ // 点击谱面跟练也需要切换显示按钮栏
|
|
|
+ if (state.playState === "play" || followData.start) {
|
|
|
detailData.headerHide = !detailData.headerHide;
|
|
|
}
|
|
|
}}
|