主题色

src/views/book/courseware/preview/components/character_base/components/AudioPlay.vue

@@ -6,7 +6,7 @@
         padding: showSlider ? '4px 16px' : '',
         width: showSlider ? '230px' : '',
         justifyContent: showSlider && !showProgress ? 'space-between' : 'center',
-        backgroundColor: backgroundColor,
+        backgroundColor: themeColor ? '' : bookInfo.theme_color,
       }"
       @click="playAudio"
     >
@@ -69,11 +69,6 @@ export default {
       type: Boolean,
       default: true,
     },
-    // 播放背景色
-    backgroundColor: {
-      type: String,
-      default: '',
-    },
   },
   data() {
     return {
@@ -93,6 +88,7 @@ export default {
       audio_allTime: null, // 展示总时间
     };
   },
+  inject: ['bookInfo'],
   computed: {
     iconClass() {
       return this.audio.paused ? 'audio' : 'audio-stop';

src/views/book/courseware/preview/components/new_word/NewWordPreview.vue

@@ -5,7 +5,7 @@
 
     <div v-if="data" class="main">
       <div class="NPC-zhedie">
-        <div class="topTitle">
+        <div class="topTitle" :style="{ backgroundColor: bookInfo.theme_color }">
           <div class="NPC-top-left">
             <span class="NPC-topTitle-text" v-html="data.title_con"></span>
           </div>
@@ -58,7 +58,7 @@
                   </template>
                   <div class="tabNum-box">
                     <template v-if="sItem.mIndex == 0">
-                      <b class="tabNum">{{ index + 1 }}</b>
+                      <b class="tabNum" :style="{ backgroundColor: bookInfo.theme_color }">{{ index + 1 }}</b>
                     </template>
                     <div v-else style="width: 16px; height: 16px; margin-left: 8px"></div>
                   </div>
@@ -173,7 +173,7 @@ export default {
     WordPhraseDetail,
   },
   mixins: [PreviewMixin],
-  inject: ['courseware_id'],
+  inject: ['courseware_id', 'bookInfo'],
   data() {
     return {
       data: getNewWordData(),