Bladeren bron

增加typeList

dsy 14 uur geleden
bovenliggende
commit
8b75ef049f

+ 1 - 0
src/views/book/courseware/create/components/common/ModuleMixin.js

@@ -16,6 +16,7 @@ const mixin = {
     return {
       displayList,
       viewMethodList,
+      typeList: ['interaction'],
       isEnable,
       property: {
         isGetContent: false, // 是否已获取内容

+ 1 - 0
src/views/book/courseware/preview/components/common/PreviewMixin.js

@@ -9,6 +9,7 @@ const mixin = {
   data() {
     return {
       sanitizeHTML,
+      typeList: ['interaction'],
       answer: { answer_list: [], is_right: false }, // 用户答案
       isJudgingRightWrong: false, // 是否判断对错
       isShowRightAnswer: false, // 是否显示正确答案

+ 7 - 1
src/views/book/courseware/preview/components/judge/JudgePreview.vue

@@ -1,3 +1,4 @@
+<!-- eslint-disable vue/no-v-html -->
 <template>
   <div class="judge-preview" :style="getAreaStyle()">
     <SerialNumberPosition v-if="isEnable(data.property.sn_display_mode)" :property="data.property" />
@@ -18,7 +19,12 @@
               :pinyin-position="data.property.pinyin_position"
               :is-preview="true"
             />
-            <div v-else class="rich-text" v-html="sanitizeHTML(content)"></div>
+            <div
+              v-else
+              class="rich-text"
+              :style="{ fontSize: type === typeList[0] ? '12pt' : '' }"
+              v-html="sanitizeHTML(content)"
+            ></div>
           </div>
           <div class="option-type">
             <div

+ 6 - 1
src/views/book/courseware/preview/components/select/SelectPreview.vue

@@ -28,7 +28,12 @@
             :pinyin-position="data.property.pinyin_position"
             :is-preview="true"
           />
-          <span v-else class="content rich-text" v-html="sanitizeHTML(content)"></span>
+          <span
+            v-else
+            class="content rich-text"
+            :style="{ fontSize: type === typeList[0] ? '12pt' : '' }"
+            v-html="sanitizeHTML(content)"
+          ></span>
           <div v-if="showLang" class="lang">
             {{ multilingual.find((item) => item.type === getLang())?.translation }}
           </div>