Merge branch 'hqy会员' of http://git.dayaedu.com/tianyong/gym-music-score into gym-test

src/page-instrument/header-top/index.module.less

@@ -420,7 +420,7 @@
         width: 100%;
         display: flex;
         justify-content: space-between;
-        padding: 0 100px;
+        padding: 0 80px;
         position: relative;
         top: 50%;
         transform: translateY(-50%);

src/page-instrument/header-top/modeView.tsx

@@ -24,27 +24,27 @@ import { browser } from "/src/utils";
 export default defineComponent({
   name: "modeView",
   setup() {
-    // const modeImgDom1 = ref();
-    // const modeImgDom2 = ref();
-    // const modeImgDom3 = ref();
-    // watch(
-    //   () => headTopData.modeType,
-    //   (value, oldValue) => {
-    //     // headTopData.modeType 值 刚开始是 ""  所以 第一次切换时候不触发播放动画
-    //     if (!oldValue) return;
-    //     nextTick(() => {
-    //       if (value === "show") {
-    //         modeImgDom1.value?.pause();
-    //         modeImgDom2.value?.pause();
-    //         modeImgDom3.value?.pause();
-    //       } else if (value === "init") {
-    //         modeImgDom1.value?.play();
-    //         modeImgDom2.value?.play();
-    //         modeImgDom3.value?.play();
-    //       }
-    //     });
-    //   }
-    // );
+    const modeImgDom1 = ref();
+    const modeImgDom2 = ref();
+    const modeImgDom3 = ref();
+    watch(
+      () => headTopData.modeType,
+      (value, oldValue) => {
+        // headTopData.modeType 值 刚开始是 ""  所以 第一次切换时候不触发播放动画
+        if (!oldValue) return;
+        nextTick(() => {
+          if (value === "show") {
+            modeImgDom1.value?.pause();
+            modeImgDom2.value?.pause();
+            modeImgDom3.value?.pause();
+          } else if (value === "init") {
+            modeImgDom1.value?.play();
+            modeImgDom2.value?.play();
+            modeImgDom3.value?.play();
+          }
+        });
+      }
+    );
     watch(
       () => evaluatingData.socketErrorStatus,
       () => {
@@ -76,36 +76,36 @@ export default defineComponent({
           }}
         />
         <div class={[styles.modeBox, ((!state.isPercussion && !state.enableEvaluation) || (state.isPercussion && state.enableEvaluation) || (state.isPercussion && !state.enableEvaluation)) && styles.twoModeBox]}>
-          {/* <Vue3Lottie ref={modeImgDom1} class={styles.modeImg} animationData={lxMode} autoPlay={false} loop={true} onClick={() => {
+          <Vue3Lottie ref={modeImgDom1} class={styles.modeImg} animationData={lxMode} autoPlay={false} loop={true} onClick={() => {
             if(state.isSingleLine){
               smoothAnimationState.isShow.value = state.melodyLine;
             }
             headTopData.handleChangeModeType("practise")
-            }}></Vue3Lottie> */}
-          <img class={styles.modeImg} src={lxImg} 
+            }}></Vue3Lottie>
+          {/* <img class={styles.modeImg} src={lxImg} 
             onClick={() => {
               if(state.isSingleLine){
                 smoothAnimationState.isShow.value = state.melodyLine;
               }
               headTopData.handleChangeModeType("practise")
-            }} />
+            }} /> */}
           {!state.isPercussion && 
-              // <Vue3Lottie ref={modeImgDom2} class={styles.modeImg} animationData={glMode} autoPlay={false} loop={true} onClick={() => headTopData.handleChangeModeType("follow")}></Vue3Lottie>
-              <img class={styles.modeImg} src={glImg} 
-                onClick={() => headTopData.handleChangeModeType("follow")} />
+              <Vue3Lottie ref={modeImgDom2} class={styles.modeImg} animationData={glMode} autoPlay={false} loop={true} onClick={() => headTopData.handleChangeModeType("follow")}></Vue3Lottie>
+              /* <img class={styles.modeImg} src={glImg} 
+                onClick={() => headTopData.handleChangeModeType("follow")} /> */
           }
           {state.enableEvaluation && 
-            // <Vue3Lottie ref={modeImgDom3} class={styles.modeImg} animationData={pcMode} autoPlay={false} loop={true} onClick={() => {
-            //   // 点击评测模式进入评测模块的需要检测耳机状态，通过返回按钮进入评测模块的，不检测耳机状态
-            //   evaluatingData.needCheckErjiStatus = true;
-            //   headTopData.handleChangeModeType("evaluating")
-            // }}></Vue3Lottie>
-            <img class={styles.modeImg} src={pcImg} 
-              onClick={() => {
-                  // 点击评测模式进入评测模块的需要检测耳机状态，通过返回按钮进入评测模块的，不检测耳机状态
-                  evaluatingData.needCheckErjiStatus = true;
-                  headTopData.handleChangeModeType("evaluating")
-                }} />
+            <Vue3Lottie ref={modeImgDom3} class={styles.modeImg} animationData={pcMode} autoPlay={false} loop={true} onClick={() => {
+               // 点击评测模式进入评测模块的需要检测耳机状态，通过返回按钮进入评测模块的，不检测耳机状态
+              evaluatingData.needCheckErjiStatus = true;
+              headTopData.handleChangeModeType("evaluating")
+            }}></Vue3Lottie>
+            // <img class={styles.modeImg} src={pcImg} 
+            //   onClick={() => {
+            //       // 点击评测模式进入评测模块的需要检测耳机状态，通过返回按钮进入评测模块的，不检测耳机状态
+            //       evaluatingData.needCheckErjiStatus = true;
+            //       headTopData.handleChangeModeType("evaluating")
+            //     }} />
           }
         </div>
         {/** 延迟检测中途，socket出错，网络提示弹窗 */}

src/state.ts

@@ -1862,7 +1862,7 @@ const setState = (data: any, index: number) => {
   }
   // 非APP打开的页面，禁止评测
   if (!storeData.isApp) {
-    state.enableEvaluation = false;
+    //state.enableEvaluation = false;
   }
   /**
    * 默认渲染什么谱面类型 & 能否转谱逻辑