|
@@ -398,6 +398,8 @@ export default defineComponent({
|
|
|
});
|
|
|
/** 模式切换按钮 */
|
|
|
const toggleBtn = computed(() => {
|
|
|
+ // 不是演奏模式 影藏
|
|
|
+ if(state.playType !== "play") return { display: false, disabled: false }
|
|
|
// 选择模式, url设置模式 不显示
|
|
|
if (headTopData.modeType !== "show" || !headTopData.showBack) return { display: false, disabled: false };
|
|
|
// 跟练开始, 评测开始 播放开始 隐藏
|
|
@@ -626,20 +628,19 @@ export default defineComponent({
|
|
|
</div>
|
|
|
}
|
|
|
{/* 模式切换 */}
|
|
|
- {
|
|
|
- state.playType === "play" &&
|
|
|
- <div
|
|
|
- id={state.platform === IPlatform.PC ? "teacherTop-0" : "studnetT-0"}
|
|
|
- style={{ display: toggleBtn.value.display ? "" : "none" }}
|
|
|
- class={["driver-9", styles.modeChangeBox, toggleBtn.value.disabled && styles.disabled]}
|
|
|
- onClick={() => {
|
|
|
- handleRessetState();
|
|
|
- headTopData.modeType = "init";
|
|
|
- }}
|
|
|
- >
|
|
|
- <img class={styles.img} src={iconMode} />
|
|
|
- <div class={styles.title}>{state.modeType==="practise" ? '练习模式' : state.modeType==="follow" ? "跟练模式" : state.modeType==="evaluating" ? "评测模式" : ""}</div>
|
|
|
- </div>
|
|
|
+ {
|
|
|
+ <div
|
|
|
+ id={state.platform === IPlatform.PC ? "teacherTop-0" : "studnetT-0"}
|
|
|
+ style={{ display: toggleBtn.value.display ? "" : "none" }}
|
|
|
+ class={["driver-9", styles.modeChangeBox, toggleBtn.value.disabled && styles.disabled]}
|
|
|
+ onClick={() => {
|
|
|
+ handleRessetState();
|
|
|
+ headTopData.modeType = "init";
|
|
|
+ }}
|
|
|
+ >
|
|
|
+ <img class={styles.img} src={iconMode} />
|
|
|
+ <div class={styles.title}>{state.modeType==="practise" ? '练习模式' : state.modeType==="follow" ? "跟练模式" : state.modeType==="evaluating" ? "评测模式" : ""}</div>
|
|
|
+ </div>
|
|
|
}
|
|
|
{/* 模式提醒 */}
|
|
|
{
|
|
@@ -702,6 +703,12 @@ export default defineComponent({
|
|
|
} else {
|
|
|
handlerModeChange(oldPlayType, oldPlaySource, true);
|
|
|
}
|
|
|
+ showToast({
|
|
|
+ message: state.playType === "play" ? "已切换为演奏场景" : "已切换为演唱场景",
|
|
|
+ duration: 0,
|
|
|
+ position: "top",
|
|
|
+ className: "selectionToast",
|
|
|
+ });
|
|
|
}}
|
|
|
>
|
|
|
<img style={{ display: state.playType === "play" ? "" : "none" }} class={styles.iconBtn} src={headImg(`perform.png`)} />
|
|
@@ -727,6 +734,12 @@ export default defineComponent({
|
|
|
}
|
|
|
}
|
|
|
handlerModeChange(oldPlayType, oldPlaySource);
|
|
|
+ showToast({
|
|
|
+ message: state.playType === "play" ? (state.playSource === "music"?"已切换为原声":"已切换为伴奏") : (state.playSource === "music"?"已切换为范唱":(state.playSource === "background"?"已切换为伴唱":"已切换为唱名")),
|
|
|
+ duration: 0,
|
|
|
+ position: "top",
|
|
|
+ className: "selectionToast",
|
|
|
+ });
|
|
|
}}
|
|
|
>
|
|
|
<img style={{ display: state.playSource === "music" ? "" : "none" }} class={styles.iconBtn} src={state.playType === "play" ? headImg(`music.png`) : headImg(`music1.png`)} />
|