生字的音频样式及 图标大小

src/components/Adult/preview/WordPhrase.vue

@@ -107,6 +107,7 @@
         :detailIndex="detailIndex"
         :getWordLiju="getWordLiju"
         :optionRes="optionRes"
+        :themeColor="themeColor"
       />
     </div>
   </div>
@@ -122,7 +123,7 @@ export default {
   components: {
     WordPhraseDetail,
   },
-  props: ["curQue","themeColor"],
+  props: ["curQue", "themeColor", "currentTreeID"],
   data() {
     //这里存放数据
     return {
@@ -392,41 +393,41 @@ export default {
     }
   }
   .NPC-play-btn-brown {
-    width: 24px;
-    height: 24px;
+    margin-top: 4px;
+    width: 16px;
+    height: 16px;
     display: block;
-    background: url("../../../assets/NPC/play-brown.png") no-repeat
-      left top;
+    background: url("../../../assets/NPC/play-brown.png") no-repeat left top;
     background-size: 100% 100%;
     &.active {
-      background: url("../../../assets/NPC/icon-voice-play-brown.png")
-        no-repeat left top;
+      background: url("../../../assets/NPC/icon-voice-play-brown.png") no-repeat
+        left top;
       background-size: 100% 100%;
     }
   }
   .NPC-play-btn-green {
-    width: 24px;
-    height: 24px;
+    margin-top: 4px;
+    width: 16px;
+    height: 16px;
     display: block;
-    background: url("../../../assets/NPC/play-green.png") no-repeat
-      left top;
+    background: url("../../../assets/NPC/play-green.png") no-repeat left top;
     background-size: 100% 100%;
     &.active {
-      background: url("../../../assets/NPC/icon-voice-play-green.png")
-        no-repeat left top;
+      background: url("../../../assets/NPC/icon-voice-play-green.png") no-repeat
+        left top;
       background-size: 100% 100%;
     }
   }
   .NPC-play-btn-red {
-    width: 24px;
-    height: 24px;
+    margin-top: 4px;
+    width: 16px;
+    height: 16px;
     display: block;
-    background: url("../../../assets/NPC/play-red.png") no-repeat
-      left top;
+    background: url("../../../assets/NPC/play-red.png") no-repeat left top;
     background-size: 100% 100%;
     &.active {
-      background: url("../../../assets/NPC/icon-voice-play-red.png")
-        no-repeat left top;
+      background: url("../../../assets/NPC/icon-voice-play-red.png") no-repeat
+        left top;
       background-size: 100% 100%;
     }
   }

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

@@ -223,7 +223,7 @@
 
 <script>
 import Strockplayredline from "./Strockplayredline.vue";
-import Audio from "./Audio.vue";
+import Audio from "./AudioRed.vue";
 import Intp from "./Intp.vue";
 
 export default {
@@ -335,7 +335,8 @@ export default {
     },
   },
   //生命周期 - 创建完成（可以访问当前this实例）
-  created() {},
+  created() {
+  },
   //生命周期 - 挂载完成（可以访问DOM元素）
   mounted() {
     this.initData();