语境设置字号与颜色

src/views/book/courseware/create/components/question/dialogue_article/ArticleSetting.vue

@@ -153,6 +153,12 @@
           <el-option v-for="{ value, label } in speedRatioList" :key="value" :label="label" :value="value" />
         </el-select>
       </el-form-item>
+      <el-form-item label="语境字号">
+        <el-input v-model="property.notice_size"><template slot="append">px</template></el-input>
+      </el-form-item>
+      <el-form-item label="语境颜色">
+        <el-color-picker v-model="property.notice_color"></el-color-picker>
+      </el-form-item>
     </el-form>
   </div>
 </template>

src/views/book/courseware/data/dialogueArticle.js

@@ -126,6 +126,8 @@ export function getArticleProperty() {
     emotion: '', // 风格，情感
     speed_ratio: '', // 语速
     ...commonComponentProperty,
+    notice_size: '14',
+    notice_color:'#000'
   };
 }
 

src/views/book/courseware/preview/components/dialogue_article/NormalModelChs.vue

@@ -89,7 +89,13 @@
             }"
           >
             <template v-if="item.type === 'notice'">
-              <p :class="['notice']">
+              <p
+                :class="['notice']"
+                :style="{
+                  fontSize: curQue.property.notice_size ? curQue.property.notice_size + 'px' : '',
+                  color: curQue.property.notice_color ? curQue.property.notice_color : '',
+                }"
+              >
                 {{ convertText(item.notice) }}
               </p>
             </template>
@@ -1043,6 +1049,8 @@ export default {
           dhaspinyin,
           type: dItem.type,
           notice: dItem.notice,
+          notice_size: dItem.notice_size,
+          notice_color: dItem.notice_color,
           file_url_open: dItem.file_url_open,
         };
         resArr.push(paraObj);

src/views/book/courseware/preview/components/dialogue_article/PhraseModelChs.vue

@@ -80,7 +80,13 @@
             }"
           >
             <template v-if="item.type === 'notice'">
-              <p :class="['notice']">
+              <p
+                :class="['notice']"
+                :style="{
+                  fontSize: curQue.property.notice_size ? curQue.property.notice_size + 'px' : '',
+                  color: curQue.property.notice_color ? curQue.property.notice_color : '',
+                }"
+              >
                 {{ convertText(item.notice) }}
               </p>
             </template>
@@ -920,6 +926,8 @@ export default {
           dhaspinyin,
           type: dItem.type,
           notice: dItem.notice,
+          notice_size: dItem.notice_size,
+          notice_color: dItem.notice_color,
           file_url_open: dItem.file_url_open,
         };
         resArr.push(paraObj);

src/views/book/courseware/preview/components/dialogue_article/Practicechs.vue

@@ -73,7 +73,15 @@
       }"
     >
       <template v-if="resObj">
-        <p v-if="curQue.notice" class="notice" style="padding-top: 24px">
+        <p
+          v-if="curQue.notice"
+          class="notice"
+          style="padding-top: 24px"
+          :style="{
+            fontSize: curQue.property.notice_size ? curQue.property.notice_size + 'px' : '',
+            color: curQue.property.notice_color ? curQue.property.notice_color : '',
+          }"
+        >
           {{ convertText(curQue.notice) }}
         </p>
         <div class="NPC-sentences-list">
@@ -1098,6 +1106,8 @@ export default {
             dhaspinyin,
             type: dItem.type,
             notice: dItem.notice,
+            notice_size: dItem.notice_size,
+            notice_color: dItem.notice_color,
             file_url_open: dItem.file_url_open,
           };
           sentArrTotal.push(sentArr);

src/views/book/courseware/preview/components/dialogue_article/WordModelChs.vue

@@ -79,7 +79,13 @@
             }"
           >
             <template v-if="item.type === 'notice'">
-              <p :class="['notice']">
+              <p
+                :class="['notice']"
+                :style="{
+                  fontSize: curQue.property.notice_size ? curQue.property.notice_size + 'px' : '',
+                  color: curQue.property.notice_color ? curQue.property.notice_color : '',
+                }"
+              >
                 {{ convertText(item.notice) }}
               </p>
             </template>
@@ -812,6 +818,8 @@ export default {
           dhaspinyin,
           type: dItem.type,
           notice: dItem.notice,
+          notice_size: dItem.notice_size,
+          notice_color: dItem.notice_color,
           file_url_open: dItem.file_url_open,
         };
         resArr.push(paraObj);