|
@@ -84,6 +84,10 @@ export default defineComponent({
|
|
|
}
|
|
|
// console.log("🚀 ~ selectData.notes:", selectData.staves);
|
|
|
};
|
|
|
+ /** 是否可以点击音符 */
|
|
|
+ const disableClickNote = computed(() => {
|
|
|
+ return state.sectionStatus || state.modeType !== 'practise'
|
|
|
+ })
|
|
|
const showClass = computed(() => {
|
|
|
return (item: any) => {
|
|
|
if (state.sectionStatus) {
|
|
@@ -158,7 +162,7 @@ export default defineComponent({
|
|
|
})}
|
|
|
{selectData.notes.map((item: any) => {
|
|
|
return (
|
|
|
- <div class={[styles.position, state.sectionStatus && styles.disable, styles.note]} style={item.bbox} onClick={() => skipNotePlay(item.index)}></div>
|
|
|
+ <div class={[styles.position, disableClickNote.value && styles.disable, styles.note]} style={item.bbox} onClick={() => skipNotePlay(item.index)}></div>
|
|
|
);
|
|
|
})}
|
|
|
</div>
|