|
|
@@ -33,6 +33,21 @@ export default defineComponent({
|
|
|
const toggleEvaluat = () => {
|
|
|
handleStartEvaluat();
|
|
|
};
|
|
|
+
|
|
|
+ /** 原声按钮 */
|
|
|
+ const originBtn = computed(() => {
|
|
|
+ // 评测开始 禁用
|
|
|
+ if (state.modeType === "evaluating") return { display: true, disabled: true };
|
|
|
+ // 原声, 伴奏 少一个,就不能切换
|
|
|
+ if (!state.music || !state.accompany) return { display: true, disabled: true}
|
|
|
+
|
|
|
+ return {
|
|
|
+ disabled: false,
|
|
|
+ display: true,
|
|
|
+ };
|
|
|
+ });
|
|
|
+
|
|
|
+
|
|
|
/** 退出 */
|
|
|
const handleBack = () => {
|
|
|
handleNoEndExit()
|
|
|
@@ -53,21 +68,23 @@ export default defineComponent({
|
|
|
<img class={styles.iconBtn} src={state.modeType === "evaluating" ? icons.evaluating2 : icons.evaluating} />
|
|
|
<span>评测</span>
|
|
|
</div>
|
|
|
- <div class={[styles.btn, disabledList.includes(state.modeType) && styles.disable]} id="tips-step-4" onClick={() => handleChangeSection()}>
|
|
|
+ <div class={[styles.btn, disabledList.includes(state.modeType) && styles.disabled]} id="tips-step-4" onClick={() => handleChangeSection()}>
|
|
|
<img class={styles.iconBtn} src={headImg(`section${state.section.length}.svg`)} />
|
|
|
{/* <Button class={styles.button} icon={Icons["section" + state.section.length]} color="#01C1B5" disabled={runtime.isFirstPlay || runtime.evaluatingStatus || isHomework} onClick={this.authBefore("excerpts", RuntimeUtils.sectionChange)} /> */}
|
|
|
<span>选段</span>
|
|
|
</div>
|
|
|
- <div class={[styles.btn, disabledList.includes(state.modeType) && styles.disable]} id="tips-step-5" onClick={() => togglePlay()}>
|
|
|
+ <div class={[styles.btn, disabledList.includes(state.modeType) && styles.disabled]} id="tips-step-5" onClick={() => togglePlay()}>
|
|
|
<div class={styles.btnWrap}>
|
|
|
<img style={{ marginTop: "-1px" }} class={styles.iconBtn} src={state.playState === "paused" ? icons.play : icons.pause} />
|
|
|
<Circle class={styles.progress} stroke-width={80} currentRate={state.playProgress} rate={100} layerColor="#01C1B5" color="#FFC830" />
|
|
|
</div>
|
|
|
<span>{state.playState === "play" ? "暂停" : "播放"}</span>
|
|
|
</div>
|
|
|
+
|
|
|
+ {/* 原声 伴奏 */}
|
|
|
<div
|
|
|
- class={[styles.btn, disabledList.includes(state.modeType) && styles.disable]}
|
|
|
id="tips-step-6"
|
|
|
+ class={[styles.btn, originBtn.value.disabled && styles.disabled]}
|
|
|
onClick={() => {
|
|
|
state.playSource = state.playSource === "music" ? "background" : "music";
|
|
|
}}
|
|
|
@@ -95,7 +112,7 @@ export default defineComponent({
|
|
|
<img style={{ display: !metronomeData.disable ? "block" : "none" }} class={styles.iconBtn} src={headImg("tickon.png")} />
|
|
|
<span style={{ whiteSpace: "nowrap" }}>节拍器</span>
|
|
|
</div>
|
|
|
- <div class={[styles.btn, disabledList.includes(state.modeType) && styles.disable]} id="tips-step-7" onClick={() => handleResetPlay()}>
|
|
|
+ <div class={[styles.btn, disabledList.includes(state.modeType) && styles.disabled]} id="tips-step-7" onClick={() => handleResetPlay()}>
|
|
|
<img class={styles.iconBtn} src={headImg("replay.svg")} />
|
|
|
<span>重播</span>
|
|
|
</div>
|
|
|
@@ -105,7 +122,7 @@ export default defineComponent({
|
|
|
reference: () => (
|
|
|
<div
|
|
|
id="tips-step-8"
|
|
|
- class={[styles.btn, disabledList.includes(state.modeType) && styles.disable]}
|
|
|
+ class={[styles.btn, disabledList.includes(state.modeType) && styles.disabled]}
|
|
|
onClick={(e: Event) => {
|
|
|
e.stopPropagation();
|
|
|
headData.speedShow = !headData.speedShow;
|
|
|
@@ -120,7 +137,7 @@ export default defineComponent({
|
|
|
default: () => <Speed />,
|
|
|
}}
|
|
|
</Popover>
|
|
|
- <div class={[styles.btn, disabledList.includes(state.modeType) && styles.disable]} onClick={() => (headerData.settingMode = true)}>
|
|
|
+ <div class={[styles.btn, disabledList.includes(state.modeType) && styles.disabled]} onClick={() => (headerData.settingMode = true)}>
|
|
|
<img class={styles.iconBtn} src={headImg("menu.svg")} />
|
|
|
<span>设置</span>
|
|
|
</div>
|
