选择声调样式

src/components/Adult/preview/SelectTone.vue

@@ -31,7 +31,7 @@
                 curTime < curQue.wordTime[index].ed &&
                 stopAudio
                   ? 'active'
-                  : '',
+                  : ''
               ]"
               @click="
                 handleChangeTime(
@@ -47,7 +47,7 @@
               :class="[
                 'tone-item',
                 lookanswerClass(index, indexs),
-                TaskModel == 'ANSWER' ? 'tone-item-default' : '',
+                TaskModel == 'ANSWER' ? 'tone-item-default' : ''
               ]"
               @click="handleClick(index, indexs)"
             >
@@ -74,19 +74,19 @@ export default {
         require("../../../assets/NPC/tone2.png"),
         require("../../../assets/NPC/tone3.png"),
         require("../../../assets/NPC/tone4.png"),
-        require("../../../assets/NPC/tone0.png"),
+        require("../../../assets/NPC/tone0.png")
       ],
       userSelect: [],
       curTime: "",
       stopAudio: false,
       timer: null,
       ed: null,
-      userErrorNumberTotal: 0,
+      userErrorNumberTotal: 0
     };
   },
   computed: {
     lookanswerClass() {
-      return function (index, indexs) {
+      return function(index, indexs) {
         let _this = this;
         let className = "";
         let userAnswer = this.curQue.Bookanswer[index].value.toString();
@@ -143,7 +143,7 @@ export default {
       return bool;
     },
     isShowOption() {
-      return function (item, index) {
+      return function(item, index) {
         let _this = this;
         let bool = true;
         if (_this.judgeAnswer == "standardAnswer") {
@@ -158,7 +158,7 @@ export default {
         }
         return bool;
       };
-    },
+    }
   },
   watch: {},
   //方法集合
@@ -168,10 +168,10 @@ export default {
       let _this = this;
       if (!_this.curQue.Bookanswer) {
         let userSelect = [];
-        _this.curQue.option.forEach((item) => {
+        _this.curQue.option.forEach(item => {
           let obj = {
             value: "",
-            userAnswerJudge: item.answer ? "[JUDGE##F##JUDGE]" : "",
+            userAnswerJudge: item.answer ? "[JUDGE##F##JUDGE]" : ""
           };
           userSelect.push(JSON.parse(JSON.stringify(obj)));
         });
@@ -235,7 +235,7 @@ export default {
     },
     emptyEd() {
       this.ed = null;
-    },
+    }
   },
   //生命周期 - 创建完成（可以访问当前this实例）
   created() {
@@ -260,10 +260,10 @@ export default {
       clearInterval(this.timer);
     }
   }, //生命周期 - 销毁完成
-  activated() {}, //如果页面有keep-alive缓存功能，这个函数会触发
+  activated() {} //如果页面有keep-alive缓存功能，这个函数会触发
 };
 </script>
-<style lang='scss' scoped>
+<style lang="scss" scoped>
 //@import url(); 引入公共css类
 .Big-Book-prev-Textdes {
   width: 100%;
@@ -360,13 +360,13 @@ export default {
       }
       div.op-li {
         .play-btn {
-            background: url("../../../assets/NPC/play-green.png") center no-repeat;
-            background-size: cover;
+          background: url("../../../assets/NPC/play-green.png") center no-repeat;
+          background-size: cover;
 
-            &.active {
-                background-image: url("../../../assets/NPC/icon-voice-play-green.png");
-                background-size: cover;
-            }
+          &.active {
+            background-image: url("../../../assets/NPC/icon-voice-play-green.png");
+            background-size: cover;
+          }
         }
       }
     }
@@ -388,16 +388,16 @@ export default {
       }
     }
     div.op-li {
-        .play-btn {
-            background: url("../../../assets/NPC/play-brown.png") center no-repeat;
-            background-size: cover;
+      .play-btn {
+        background: url("../../../assets/NPC/play-brown.png") center no-repeat;
+        background-size: cover;
 
-            &.active {
-                background-image: url("../../../assets/NPC/icon-voice-play-brown.png");
-                background-size: cover;
-            }
+        &.active {
+          background-image: url("../../../assets/NPC/icon-voice-play-brown.png");
+          background-size: cover;
         }
       }
+    }
   }
 }
 </style>
@@ -408,21 +408,26 @@ export default {
       div.con {
         margin: 0;
 
-        > p {
+        p {
           margin: 0;
-          font-family: "Sans-GBNPC";
+          font-family: "Sans-GBNPC" !important;
+          font-size: 16px !important;
           .pinyin {
-            font-family: "Sans-GBNPC";
+            font-family: "Sans-GBNPC" !important;
           }
           .chs {
-            font-family: "FZJCGFKTK";
+            font-family: "FZJCGFKTK" !important;
           }
           .en {
-            font-family: "robot";
+            font-family: "robot" !important;
           }
         }
+        span {
+          font-family: "Sans-GBNPC" !important;
+          font-size: 16px !important;
+        }
       }
     }
   }
 }
-</style>
+</style>