소스 검색

是否可以点击音符

liushengqiang 2 년 전
부모
커밋
2c3b149de2
1개의 변경된 파일5개의 추가작업 그리고 1개의 파일을 삭제
  1. 5 1
      src/view/selection/index.tsx

+ 5 - 1
src/view/selection/index.tsx

@@ -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>