修改声波图放大缩小，例句序号 颜色等问题

src/components/Adult/preview/Voicefullscreen.vue

@@ -1124,7 +1124,7 @@ export default {
       drawPlayId: null,
       pCanvas: null,
       pCtx: null,
-      zoomNumber: 1500,
+      zoomNumber: 0,
       lyzoomNumber: 1500,
       xunhunShow: false,
       regionData: null,
@@ -1314,11 +1314,12 @@ export default {
       var down = true;
       down = ev.wheelDelta ? ev.wheelDelta < 0 : ev.detail > 0;
       if (down) {
-        console.log("鼠标滚轮向下---------");
-        that.zoomNumber = that.zoomNumber + 10;
+        if (that.zoomNumber <= 0) {
+          return;
+        }
+        that.zoomNumber = that.zoomNumber - 100;
       } else {
-        console.log("鼠标滚轮向上++++++++++");
-        that.zoomNumber = that.zoomNumber - 10;
+        that.zoomNumber = that.zoomNumber + 100;
       }
       that.wavesurfer_big.zoom(Number(that.zoomNumber));
     },
@@ -1329,11 +1330,12 @@ export default {
       var down = true;
       down = ev.wheelDelta ? ev.wheelDelta < 0 : ev.detail > 0;
       if (down) {
-        console.log("鼠标滚轮向下---------");
-        that.lyzoomNumber = that.lyzoomNumber + 10;
+        if (that.lyzoomNumber <= 0) {
+          return;
+        }
+        that.lyzoomNumber = that.lyzoomNumber - 100;
       } else {
-        console.log("鼠标滚轮向上++++++++++");
-        that.lyzoomNumber = that.lyzoomNumber - 10;
+        that.lyzoomNumber = that.lyzoomNumber + 100;
       }
       that.wavesurfer_ly.zoom(Number(that.lyzoomNumber));
     },
@@ -1383,7 +1385,7 @@ export default {
                 loop: false,
                 drag: false,
                 resize: false,
-                color: "rgba(0, 180, 0, 0.3)",
+                color: "rgba(0, 180, 0, 0.5)",
               },
             ],
           })
@@ -1412,7 +1414,7 @@ export default {
           loop: false,
           drag: false,
           resize: false,
-          color: "rgba(254, 255, 255, 0.4)",
+          // color: "rgba(254, 255, 255, 0.4)",
         });
       }
 
@@ -1427,7 +1429,7 @@ export default {
         that.wavesurfer_big.on("ready", function (e) {
           if (!that.regionData) {
             that.wavesurfer_big.enableDragSelection({
-              color: "rgba(0, 180, 0, 0.3)",
+              color: "rgba(0, 180, 0, 0.5)",
             });
             that.wavesurfer_big.clearRegions(); // 音频加载完成
           }
@@ -1438,7 +1440,7 @@ export default {
               that.playMusic("play");
             }
           }
-          that.wavesurfer_big.zoom(Number(1500));
+          that.wavesurfer_big.zoom(0);
           that.loading = false;
           that.$forceUpdate();
         });

src/components/Adult/preview/components/WordPhraseDetail.vue

@@ -180,7 +180,7 @@
               </div>
               <div class="liju_main">
                 <div v-for="(item, i) in CurrentList" :key="i">
-                  <div>{{ i + 1 }}.</div>
+                  <div class="number">{{ i + 1 }}.</div>
                   <div>
                     <template v-if="lijuPatternIndex == 1">
                       <el-tooltip effect="dark" placement="bottom">
@@ -854,7 +854,7 @@ export default {
     changefiveword(arr, index, type) {
       let num = 6;
       let colorIndex = 0;
-      let colorList = ["#4D7EFF", "#1DAA91", "#A4430F", "#FF5757", "#9031AA"];
+      let colorList = ["#4D7EFF", "#A4430F", "#9342C5", "#FF8718", "#1DAA91"];
       for (let i = 1; i < num; i++) {
         if (type == "left") {
           if (index - i >= 0) {
@@ -1290,13 +1290,16 @@ export default {
                 display: flex;
               }
               > :nth-child(1) {
-                width: 36px;
+                width: 16px;
+                margin-right: 16px;
+                justify-content: flex-end;
               }
               .p1 {
                 width: 117px;
                 white-space: nowrap;
                 overflow: hidden;
                 text-overflow: ellipsis;
+                font-size: 12px;
               }
               .p2 {
                 font-family: "FZJCGFKTK";

vue.config.js

@@ -44,8 +44,8 @@ module.exports = {
       // detail: https://cli.vuejs.org/config/#devserver-proxy
       [process.env.VUE_APP_BASE_API]: {
         // target: `https://gcls.utschool.cn/`,
-        // target: `https://gcls.helxsoft.cn/`,
-        target: `https://chinesedu.blcup.com/`,
+        target: `https://gcls.helxsoft.cn/`,
+        // target: `https://chinesedu.blcup.com/`,
         changeOrigin: true,
         pathRewrite: {
           ['^' + process.env.VUE_APP_BASE_API]: ''