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

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);
+  }
+}

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>