ソースを参照

feat: 跟练模式,底部增加错误标示

TIANYONG 1 年間 前
コミット
cd630eef53

+ 22 - 0
src/subpages/colexiu/popups/follow/index.module.less

@@ -77,3 +77,25 @@
   font-size: 12px;
   color: #fff;
 }
+
+.noteState {
+  position: fixed;
+  bottom: 0;
+  right: 10PX;
+  width: 100Px;
+  height: 30Px;
+  background-color: rgba(0, 0, 0, 0.5);
+  z-index: 1000;
+  border-radius: 4Px;
+  display: flex;
+  align-items: center;
+  justify-content: space-evenly;
+  color: #fff;
+
+  .dot {
+      width: 13Px;
+      height: 10Px;
+      border-radius: 50%;
+      transform: rotate(-20deg);
+  }
+}

+ 6 - 0
src/subpages/colexiu/popups/follow/index.tsx

@@ -225,6 +225,12 @@ export default defineComponent({
               ></Button>
             )}
           </Transition>
+          <div style={{ display: data.start ? "" : "none" }} class={styles.noteState}>
+            <span style={{ background: "#ffca67" }} class={styles.dot}></span>
+            <span>低</span>
+            <span style={{ background: "rgb(255, 0, 0)" }} class={styles.dot}></span>
+            <span>高</span>
+          </div>          
           {/* <div class={styles.title}>
             <span>音符频率: {noteFrequency.value.toFixed(2)}</span>
             <span style={{ color: 'red', marginLeft: '10px' }}>拾音频率: {audioFrequency.value.toFixed(2)}</span>

+ 1 - 1
src/subpages/colexiu/uses/use-app.ts

@@ -177,7 +177,7 @@ export const useDetail = (id: number | string): [Ref<ShaeetStatusType>, Ref<Musi
       detailState.isSpecialBookCategory = !classids.includes(res.data.musicSheetCategoriesId) 
       detailState.subjectId = Number(musicInfo.musicSubject)
       // 打击乐声部下的曲目,需要合并展示所有分轨
-      if (Number(res.data.musicSubject) === 1 && res.data.background?.length) {
+      if (Number(res.data.musicSubject) === 1 && res.data.background?.length > 1) {
         state.isCombineRender = true
         // 开启自定义每行显示的小节数
         ;(window as any).customSectionAmount = true