对话文章字体字号跟随全文设置

src/views/book/courseware/preview/CoursewarePreview.vue

@@ -313,7 +313,7 @@ export default {
   row-gap: $component-spacing;
   width: 100%;
   height: 100%;
-  min-height: 500px;
+  min-height: calc(100vh - 226px);
   padding-top: $courseware-top-padding;
   padding-bottom: $courseware-bottom-padding;
   margin: 15px 0;

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

@@ -109,6 +109,13 @@
                                 pItem.articleSentIndex,
                               )
                             "
+                            :style="{
+                              fontSize: attrib && attrib.pinyin_size ? attrib.pinyin_size : '14px',
+                              height:
+                                attrib && attrib.pinyin_size
+                                  ? attrib.pinyin_size.replace('pt', '') * 1.5 + 'pt'
+                                  : '22px',
+                            }"
                             >{{ pItem.pinyin }}</span
                           >
                           <span
@@ -125,7 +132,11 @@
                             ]"
                             :style="{
                               fontFamily: pItem.config.fontFamily,
-                              height: '28px',
+                              height:
+                                attrib && attrib.font_size ? attrib.font_size.replace('pt', '') * 1.4 + 'pt' : '28px',
+                              fontSize: attrib && attrib.font_size ? attrib.font_size : '20px',
+                              lineHeight:
+                                attrib && attrib.font_size ? attrib.font_size.replace('pt', '') * 1.4 + 'pt' : '28px',
                               display: 'inline-block',
                               backgroundColor:
                                 item.timeList &&
@@ -195,6 +206,13 @@
                                 pItem.articleSentIndex,
                               )
                             "
+                            :style="{
+                              fontSize: attrib && attrib.pinyin_size ? attrib.pinyin_size : '14px',
+                              height:
+                                attrib && attrib.pinyin_size
+                                  ? attrib.pinyin_size.replace('pt', '') * 1.5 + 'pt'
+                                  : '22px',
+                            }"
                             >{{ pItem.pinyin }}</span
                           >
                         </span>
@@ -215,6 +233,13 @@
                                 pItem.articleSentIndex,
                               )
                             "
+                            :style="{
+                              fontSize: attrib && attrib.pinyin_size ? attrib.pinyin_size : '14px',
+                              height:
+                                attrib && attrib.pinyin_size
+                                  ? attrib.pinyin_size.replace('pt', '') * 1.5 + 'pt'
+                                  : '22px',
+                            }"
                             >{{ item.wordsList[pIndex + 1].pinyin }}</span
                           >
                           <span
@@ -240,7 +265,11 @@
                             ]"
                             :style="{
                               fontFamily: item.wordsList[pIndex + 1].config.fontFamily,
-                              height: '28px',
+                              height:
+                                attrib && attrib.font_size ? attrib.font_size.replace('pt', '') * 1.4 + 'pt' : '28px',
+                              fontSize: attrib && attrib.font_size ? attrib.font_size : '20px',
+                              lineHeight:
+                                attrib && attrib.font_size ? attrib.font_size.replace('pt', '') * 1.4 + 'pt' : '28px',
                               display: 'inline-block',
                               width: item.wordsList[pIndex + 1].chs.trim() === '' ? '6px' : '',
                               backgroundColor:
@@ -294,6 +323,13 @@
                                 pItem.articleSentIndex,
                               )
                             "
+                            :style="{
+                              fontSize: attrib && attrib.pinyin_size ? attrib.pinyin_size : '14px',
+                              height:
+                                attrib && attrib.pinyin_size
+                                  ? attrib.pinyin_size.replace('pt', '') * 1.5 + 'pt'
+                                  : '22px',
+                            }"
                             >{{ item.wordsList[pIndex + 1].pinyin }}</span
                           >
                         </span>
@@ -322,6 +358,13 @@
                                 pItem.articleSentIndex,
                               )
                             "
+                            :style="{
+                              fontSize: attrib && attrib.pinyin_size ? attrib.pinyin_size : '14px',
+                              height:
+                                attrib && attrib.pinyin_size
+                                  ? attrib.pinyin_size.replace('pt', '') * 1.5 + 'pt'
+                                  : '22px',
+                            }"
                             >{{ item.wordsList[pIndex + 2].pinyin }}</span
                           >
                           <span
@@ -347,7 +390,11 @@
                             ]"
                             :style="{
                               fontFamily: item.wordsList[pIndex + 2].config.fontFamily,
-                              height: '28px',
+                              height:
+                                attrib && attrib.font_size ? attrib.font_size.replace('pt', '') * 1.4 + 'pt' : '28px',
+                              fontSize: attrib && attrib.font_size ? attrib.font_size : '20px',
+                              lineHeight:
+                                attrib && attrib.font_size ? attrib.font_size.replace('pt', '') * 1.4 + 'pt' : '28px',
                               display: 'inline-block',
                               width: item.wordsList[pIndex + 2].chs.trim() === '' ? '6px' : '',
                               backgroundColor:
@@ -401,6 +448,13 @@
                                 pItem.articleSentIndex,
                               )
                             "
+                            :style="{
+                              fontSize: attrib && attrib.pinyin_size ? attrib.pinyin_size : '14px',
+                              height:
+                                attrib && attrib.pinyin_size
+                                  ? attrib.pinyin_size.replace('pt', '') * 1.5 + 'pt'
+                                  : '22px',
+                            }"
                             >{{ item.wordsList[pIndex + 2].pinyin }}</span
                           >
                         </span>
@@ -423,6 +477,11 @@
                               pItem.articleSentIndex,
                             )
                           "
+                          :style="{
+                            fontSize: attrib && attrib.pinyin_size ? attrib.pinyin_size : '14px',
+                            height:
+                              attrib && attrib.pinyin_size ? attrib.pinyin_size.replace('pt', '') * 1.5 + 'pt' : '22px',
+                          }"
                           >{{ pItem.pinyin }}</span
                         >
                         <span
@@ -465,7 +524,11 @@
                               ]"
                               :style="{
                                 fontFamily: pItem.config.fontFamily,
-                                height: '28px',
+                                height:
+                                  attrib && attrib.font_size ? attrib.font_size.replace('pt', '') * 1.4 + 'pt' : '28px',
+                                fontSize: attrib && attrib.font_size ? attrib.font_size : '20px',
+                                lineHeight:
+                                  attrib && attrib.font_size ? attrib.font_size.replace('pt', '') * 1.4 + 'pt' : '28px',
                                 display: 'inline-block',
                                 width: pItem.chs[wIndex].trim() === '' ? '6px' : '',
                                 color:
@@ -508,6 +571,11 @@
                               pItem.articleSentIndex,
                             )
                           "
+                          :style="{
+                            fontSize: attrib && attrib.pinyin_size ? attrib.pinyin_size : '14px',
+                            height:
+                              attrib && attrib.pinyin_size ? attrib.pinyin_size.replace('pt', '') * 1.5 + 'pt' : '22px',
+                          }"
                           >{{ pItem.pinyin }}</span
                         >
                       </template>
@@ -604,6 +672,13 @@
                                 index,
                               )
                             "
+                            :style="{
+                              fontSize: attrib && attrib.pinyin_size ? attrib.pinyin_size : '14px',
+                              height:
+                                attrib && attrib.pinyin_size
+                                  ? attrib.pinyin_size.replace('pt', '') * 1.5 + 'pt'
+                                  : '22px',
+                            }"
                             >{{ pItem.pinyin }}</span
                           >
                         </template>
@@ -629,7 +704,11 @@
                               ]"
                               :style="{
                                 fontFamily: pItem.config.fontFamily,
-                                height: '28px',
+                                height:
+                                  attrib && attrib.font_size ? attrib.font_size.replace('pt', '') * 1.4 + 'pt' : '28px',
+                                fontSize: attrib && attrib.font_size ? attrib.font_size : '20px',
+                                lineHeight:
+                                  attrib && attrib.font_size ? attrib.font_size.replace('pt', '') * 1.4 + 'pt' : '28px',
                                 display: 'inline-block',
                                 width: pItem.chs[wIndex].trim() === '' ? '6px' : '',
                               }"
@@ -664,6 +743,13 @@
                                 index,
                               )
                             "
+                            :style="{
+                              fontSize: attrib && attrib.pinyin_size ? attrib.pinyin_size : '14px',
+                              height:
+                                attrib && attrib.pinyin_size
+                                  ? attrib.pinyin_size.replace('pt', '') * 1.5 + 'pt'
+                                  : '22px',
+                            }"
                             >{{ pItem.pinyin }}</span
                           >
                         </template>
@@ -687,10 +773,27 @@
                                 index,
                               )
                             "
+                            :style="{
+                              fontSize: attrib && attrib.pinyin_size ? attrib.pinyin_size : '14px',
+                              height:
+                                attrib && attrib.pinyin_size
+                                  ? attrib.pinyin_size.replace('pt', '') * 1.5 + 'pt'
+                                  : '22px',
+                            }"
                             >{{ item.sentArr[pIndex + 1].pinyin }}</span
                           >
                         </template>
-                        <span class="NNPE-chs" style="text-align: left">
+                        <span
+                          class="NNPE-chs"
+                          style="text-align: left"
+                          :style="{
+                            height:
+                              attrib && attrib.font_size ? attrib.font_size.replace('pt', '') * 1.4 + 'pt' : '28px',
+                            fontSize: attrib && attrib.font_size ? attrib.font_size : '20px',
+                            lineHeight:
+                              attrib && attrib.font_size ? attrib.font_size.replace('pt', '') * 1.4 + 'pt' : '28px',
+                          }"
+                        >
                           <span
                             :class="[
                               pItem.timeList[pItem.leg - 1] &&
@@ -704,7 +807,11 @@
                             ]"
                             :style="{
                               fontFamily: item.sentArr[pIndex + 1].config.fontFamily,
-                              height: '28px',
+                              height:
+                                attrib && attrib.font_size ? attrib.font_size.replace('pt', '') * 1.4 + 'pt' : '28px',
+                              fontSize: attrib && attrib.font_size ? attrib.font_size : '20px',
+                              lineHeight:
+                                attrib && attrib.font_size ? attrib.font_size.replace('pt', '') * 1.4 + 'pt' : '28px',
                               display: 'inline-block',
                               width: item.sentArr[pIndex + 1].chs.trim() === '' ? '6px' : '',
                             }"
@@ -743,6 +850,13 @@
                                 index,
                               )
                             "
+                            :style="{
+                              fontSize: attrib && attrib.pinyin_size ? attrib.pinyin_size : '14px',
+                              height:
+                                attrib && attrib.pinyin_size
+                                  ? attrib.pinyin_size.replace('pt', '') * 1.5 + 'pt'
+                                  : '22px',
+                            }"
                             >{{ item.sentArr[pIndex + 1].pinyin }}</span
                           >
                         </template>
@@ -773,6 +887,13 @@
                                 index,
                               )
                             "
+                            :style="{
+                              fontSize: attrib && attrib.pinyin_size ? attrib.pinyin_size : '14px',
+                              height:
+                                attrib && attrib.pinyin_size
+                                  ? attrib.pinyin_size.replace('pt', '') * 1.5 + 'pt'
+                                  : '22px',
+                            }"
                             >{{ item.sentArr[pIndex + 2].pinyin }}</span
                           >
                         </template>
@@ -790,7 +911,11 @@
                             ]"
                             :style="{
                               fontFamily: item.sentArr[pIndex + 2].config.fontFamily,
-                              height: '28px',
+                              height:
+                                attrib && attrib.font_size ? attrib.font_size.replace('pt', '') * 1.4 + 'pt' : '28px',
+                              fontSize: attrib && attrib.font_size ? attrib.font_size : '20px',
+                              lineHeight:
+                                attrib && attrib.font_size ? attrib.font_size.replace('pt', '') * 1.4 + 'pt' : '28px',
                               display: 'inline-block',
                               width: item.sentArr[pIndex + 2].chs.trim() === '' ? '6px' : '',
                             }"
@@ -829,6 +954,13 @@
                                 index,
                               )
                             "
+                            :style="{
+                              fontSize: attrib && attrib.pinyin_size ? attrib.pinyin_size : '14px',
+                              height:
+                                attrib && attrib.pinyin_size
+                                  ? attrib.pinyin_size.replace('pt', '') * 1.5 + 'pt'
+                                  : '22px',
+                            }"
                             >{{ item.sentArr[pIndex + 2].pinyin }}</span
                           >
                         </template>
@@ -854,6 +986,11 @@
                               index,
                             )
                           "
+                          :style="{
+                            fontSize: attrib && attrib.pinyin_size ? attrib.pinyin_size : '14px',
+                            height:
+                              attrib && attrib.pinyin_size ? attrib.pinyin_size.replace('pt', '') * 1.5 + 'pt' : '22px',
+                          }"
                           >{{ pItem.pinyin }}</span
                         >
                       </template>
@@ -863,6 +1000,12 @@
                           pItem.chs != '“' && pItem.padding && config.isShowPY ? 'padding' : '',
                           sentIndex == index ? 'wordBlank' : '',
                         ]"
+                        :style="{
+                          height: attrib && attrib.font_size ? attrib.font_size.replace('pt', '') * 1.4 + 'pt' : '28px',
+                          fontSize: attrib && attrib.font_size ? attrib.font_size : '20px',
+                          lineHeight:
+                            attrib && attrib.font_size ? attrib.font_size.replace('pt', '') * 1.4 + 'pt' : '28px',
+                        }"
                       >
                         <template>
                           <span
@@ -880,7 +1023,11 @@
                             ]"
                             :style="{
                               fontFamily: pItem.config.fontFamily,
-                              height: '28px',
+                              height:
+                                attrib && attrib.font_size ? attrib.font_size.replace('pt', '') * 1.4 + 'pt' : '28px',
+                              fontSize: attrib && attrib.font_size ? attrib.font_size : '20px',
+                              lineHeight:
+                                attrib && attrib.font_size ? attrib.font_size.replace('pt', '') * 1.4 + 'pt' : '28px',
                               display: 'inline-block',
                               width: pItem.chs[wIndex].trim() === '' ? '6px' : '',
                             }"
@@ -916,6 +1063,11 @@
                               index,
                             )
                           "
+                          :style="{
+                            fontSize: attrib && attrib.pinyin_size ? attrib.pinyin_size : '14px',
+                            height:
+                              attrib && attrib.pinyin_size ? attrib.pinyin_size.replace('pt', '') * 1.5 + 'pt' : '22px',
+                          }"
                           >{{ pItem.pinyin }}</span
                         >
                       </template>
@@ -1457,6 +1609,7 @@ export default {
 
     .NNPE-words {
       float: left;
+      padding-bottom: 5px;
 
       &-box {
         float: left;
@@ -1469,7 +1622,7 @@ export default {
             font-family: 'League';
             font-size: 14px;
             font-weight: normal;
-            line-height: 22px;
+            line-height: 1.5;
             color: #000;
 
             &.noFont {
@@ -1490,7 +1643,7 @@ export default {
             flex-flow: wrap;
             font-family: '楷体';
             font-size: 20px;
-            line-height: 28px;
+            line-height: 1.4;
             color: #000;
 
             &.overActive {
@@ -1540,7 +1693,7 @@ export default {
           font-family: 'League';
           font-size: 14px;
           font-weight: normal;
-          line-height: 22px;
+          line-height: 1.5;
           color: #000;
 
           &.noFont {
@@ -1561,7 +1714,7 @@ export default {
           flex-flow: wrap;
           font-family: '楷体';
           font-size: 20px;
-          line-height: 28px;
+          line-height: 1.4;
           color: #000;
 
           &.overActive {

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

@@ -95,6 +95,13 @@
                               noFont.indexOf(pItem.pinyin) > -1 ? 'noFont' : '',
                             ]"
                             @click.stop="viewNotes($event, pItem.pinyin)"
+                            :style="{
+                              fontSize: attrib && attrib.pinyin_size ? attrib.pinyin_size : '14px',
+                              height:
+                                attrib && attrib.pinyin_size
+                                  ? attrib.pinyin_size.replace('pt', '') * 1.5 + 'pt'
+                                  : '22px',
+                            }"
                             >{{ pItem.pinyin }}</span
                           >
                           <span
@@ -105,7 +112,11 @@
                             ]"
                             :style="{
                               fontFamily: pItem.config.fontFamily,
-                              height: '28px',
+                              height:
+                                attrib && attrib.font_size ? attrib.font_size.replace('pt', '') * 1.4 + 'pt' : '28px',
+                              fontSize: attrib && attrib.font_size ? attrib.font_size : '20px',
+                              lineHeight:
+                                attrib && attrib.font_size ? attrib.font_size.replace('pt', '') * 1.4 + 'pt' : '28px',
                               display: 'inline-block',
                               color:
                                 newWordList.indexOf(pItem.chs) > -1 || pItem.words
@@ -125,6 +136,13 @@
                               noFont.indexOf(pItem.pinyin) > -1 ? 'noFont' : '',
                             ]"
                             @click.stop="viewNotes($event, pItem.pinyin)"
+                            :style="{
+                              fontSize: attrib && attrib.pinyin_size ? attrib.pinyin_size : '14px',
+                              height:
+                                attrib && attrib.pinyin_size
+                                  ? attrib.pinyin_size.replace('pt', '') * 1.5 + 'pt'
+                                  : '22px',
+                            }"
                             >{{ pItem.pinyin }}</span
                           >
                         </span>
@@ -136,6 +154,13 @@
                               noFont.indexOf(item.wordsList[pIndex + 1].pinyin) > -1 ? 'noFont' : '',
                             ]"
                             style="text-align: left"
+                            :style="{
+                              fontSize: attrib && attrib.pinyin_size ? attrib.pinyin_size : '14px',
+                              height:
+                                attrib && attrib.pinyin_size
+                                  ? attrib.pinyin_size.replace('pt', '') * 1.5 + 'pt'
+                                  : '22px',
+                            }"
                             @click.stop="viewNotes($event, item.wordsList[pIndex + 1].pinyin)"
                             >{{ item.wordsList[pIndex + 1].pinyin }}</span
                           >
@@ -144,7 +169,11 @@
                             style="text-align: left"
                             :style="{
                               fontFamily: item.wordsList[pIndex + 1].config.fontFamily,
-                              height: '28px',
+                              height:
+                                attrib && attrib.font_size ? attrib.font_size.replace('pt', '') * 1.4 + 'pt' : '28px',
+                              fontSize: attrib && attrib.font_size ? attrib.font_size : '20px',
+                              lineHeight:
+                                attrib && attrib.font_size ? attrib.font_size.replace('pt', '') * 1.4 + 'pt' : '28px',
                               display: 'inline-block',
                             }"
                             @click.stop="
@@ -168,6 +197,13 @@
                               noFont.indexOf(item.wordsList[pIndex + 1].pinyin) > -1 ? 'noFont' : '',
                             ]"
                             style="text-align: left"
+                            :style="{
+                              fontSize: attrib && attrib.pinyin_size ? attrib.pinyin_size : '14px',
+                              height:
+                                attrib && attrib.pinyin_size
+                                  ? attrib.pinyin_size.replace('pt', '') * 1.5 + 'pt'
+                                  : '22px',
+                            }"
                             @click.stop="viewNotes($event, item.wordsList[pIndex + 1].pinyin)"
                             >{{ item.wordsList[pIndex + 1].pinyin }}</span
                           >
@@ -189,6 +225,13 @@
                               noFont.indexOf(item.wordsList[pIndex + 1].pinyin) > -1 ? 'noFont' : '',
                             ]"
                             style="text-align: left"
+                            :style="{
+                              fontSize: attrib && attrib.pinyin_size ? attrib.pinyin_size : '14px',
+                              height:
+                                attrib && attrib.pinyin_size
+                                  ? attrib.pinyin_size.replace('pt', '') * 1.5 + 'pt'
+                                  : '22px',
+                            }"
                             @click.stop="viewNotes($event, item.wordsList[pIndex + 2].pinyin)"
                             >{{ item.wordsList[pIndex + 2].pinyin }}</span
                           >
@@ -197,7 +240,11 @@
                             style="text-align: left"
                             :style="{
                               fontFamily: item.wordsList[pIndex + 2].config.fontFamily,
-                              height: '28px',
+                              height:
+                                attrib && attrib.font_size ? attrib.font_size.replace('pt', '') * 1.4 + 'pt' : '28px',
+                              fontSize: attrib && attrib.font_size ? attrib.font_size : '20px',
+                              lineHeight:
+                                attrib && attrib.font_size ? attrib.font_size.replace('pt', '') * 1.4 + 'pt' : '28px',
                               display: 'inline-block',
                             }"
                             @click.stop="
@@ -221,6 +268,13 @@
                               noFont.indexOf(item.wordsList[pIndex + 2].pinyin) > -1 ? 'noFont' : '',
                             ]"
                             style="text-align: left"
+                            :style="{
+                              fontSize: attrib && attrib.pinyin_size ? attrib.pinyin_size : '14px',
+                              height:
+                                attrib && attrib.pinyin_size
+                                  ? attrib.pinyin_size.replace('pt', '') * 1.5 + 'pt'
+                                  : '22px',
+                            }"
                             @click.stop="viewNotes($event, item.wordsList[pIndex + 2].pinyin)"
                             >{{ item.wordsList[pIndex + 2].pinyin }}</span
                           >
@@ -235,6 +289,11 @@
                             pItem.className ? pItem.className : '',
                             noFont.indexOf(pItem.pinyin) > -1 ? 'noFont' : '',
                           ]"
+                          :style="{
+                            fontSize: attrib && attrib.pinyin_size ? attrib.pinyin_size : '14px',
+                            height:
+                              attrib && attrib.pinyin_size ? attrib.pinyin_size.replace('pt', '') * 1.5 + 'pt' : '22px',
+                          }"
                           @click.stop="viewNotes($event, pItem.pinyin)"
                           >{{ pItem.pinyin }}</span
                         >
@@ -247,7 +306,11 @@
                           ]"
                           :style="{
                             fontFamily: pItem.config.fontFamily,
-                            height: '28px',
+                            height:
+                              attrib && attrib.font_size ? attrib.font_size.replace('pt', '') * 1.4 + 'pt' : '28px',
+                            fontSize: attrib && attrib.font_size ? attrib.font_size : '20px',
+                            lineHeight:
+                              attrib && attrib.font_size ? attrib.font_size.replace('pt', '') * 1.4 + 'pt' : '28px',
                             display: 'inline-block',
                             color:
                               newWordList.indexOf(pItem.chs) > -1 || pItem.words
@@ -267,6 +330,11 @@
                             pItem.className ? pItem.className : '',
                             noFont.indexOf(pItem.pinyin) > -1 ? 'noFont' : '',
                           ]"
+                          :style="{
+                            fontSize: attrib && attrib.pinyin_size ? attrib.pinyin_size : '14px',
+                            height:
+                              attrib && attrib.pinyin_size ? attrib.pinyin_size.replace('pt', '') * 1.5 + 'pt' : '22px',
+                          }"
                           @click.stop="viewNotes($event, pItem.pinyin)"
                           >{{ pItem.pinyin }}</span
                         >
@@ -346,6 +414,13 @@
                               sentIndex == index ? 'wordBlank' : '',
                               noFont.indexOf(pItem.pinyin) > -1 ? 'noFont' : '',
                             ]"
+                            :style="{
+                              fontSize: attrib && attrib.pinyin_size ? attrib.pinyin_size : '14px',
+                              height:
+                                attrib && attrib.pinyin_size
+                                  ? attrib.pinyin_size.replace('pt', '') * 1.5 + 'pt'
+                                  : '22px',
+                            }"
                             @click.stop="viewNotes($event, pItem.pinyin)"
                             >{{ pItem.pinyin }}</span
                           >
@@ -366,7 +441,11 @@
                               :class="[]"
                               :style="{
                                 fontFamily: pItem.config.fontFamily,
-                                height: '28px',
+                                height:
+                                  attrib && attrib.font_size ? attrib.font_size.replace('pt', '') * 1.4 + 'pt' : '28px',
+                                fontSize: attrib && attrib.font_size ? attrib.font_size : '20px',
+                                lineHeight:
+                                  attrib && attrib.font_size ? attrib.font_size.replace('pt', '') * 1.4 + 'pt' : '28px',
                                 display: 'inline-block',
                               }"
                               @click.stop="viewNotes($event, pItem.words ? pItem.words : pItem.chs)"
@@ -383,6 +462,13 @@
                               sentIndex == index ? 'wordBlank' : '',
                               noFont.indexOf(pItem.pinyin) > -1 ? 'noFont' : '',
                             ]"
+                            :style="{
+                              fontSize: attrib && attrib.pinyin_size ? attrib.pinyin_size : '14px',
+                              height:
+                                attrib && attrib.pinyin_size
+                                  ? attrib.pinyin_size.replace('pt', '') * 1.5 + 'pt'
+                                  : '22px',
+                            }"
                             @click.stop="viewNotes($event, pItem.pinyin)"
                             >{{ pItem.pinyin }}</span
                           >
@@ -398,6 +484,13 @@
                               noFont.indexOf(item.sentArr[pIndex + 1].pinyin) > -1 ? 'noFont' : '',
                             ]"
                             style="text-align: left"
+                            :style="{
+                              fontSize: attrib && attrib.pinyin_size ? attrib.pinyin_size : '14px',
+                              height:
+                                attrib && attrib.pinyin_size
+                                  ? attrib.pinyin_size.replace('pt', '') * 1.5 + 'pt'
+                                  : '22px',
+                            }"
                             @click.stop="viewNotes($event, item.sentArr[pIndex + 1].pinyin)"
                             >{{ item.sentArr[pIndex + 1].pinyin }}</span
                           >
@@ -407,7 +500,11 @@
                             :class="[]"
                             :style="{
                               fontFamily: item.sentArr[pIndex + 1].config.fontFamily,
-                              height: '28px',
+                              height:
+                                attrib && attrib.font_size ? attrib.font_size.replace('pt', '') * 1.4 + 'pt' : '28px',
+                              fontSize: attrib && attrib.font_size ? attrib.font_size : '20px',
+                              lineHeight:
+                                attrib && attrib.font_size ? attrib.font_size.replace('pt', '') * 1.4 + 'pt' : '28px',
                               display: 'inline-block',
                             }"
                             @click.stop="
@@ -435,6 +532,13 @@
                               noFont.indexOf(item.sentArr[pIndex + 1].pinyin) > -1 ? 'noFont' : '',
                             ]"
                             style="text-align: left"
+                            :style="{
+                              fontSize: attrib && attrib.pinyin_size ? attrib.pinyin_size : '14px',
+                              height:
+                                attrib && attrib.pinyin_size
+                                  ? attrib.pinyin_size.replace('pt', '') * 1.5 + 'pt'
+                                  : '22px',
+                            }"
                             @click.stop="viewNotes($event, item.sentArr[pIndex + 1].pinyin)"
                             >{{ item.sentArr[pIndex + 1].pinyin }}</span
                           >
@@ -457,6 +561,13 @@
                               noFont.indexOf(item.sentArr[pIndex + 2].pinyin) > -1 ? 'noFont' : '',
                             ]"
                             style="text-align: left"
+                            :style="{
+                              fontSize: attrib && attrib.pinyin_size ? attrib.pinyin_size : '14px',
+                              height:
+                                attrib && attrib.pinyin_size
+                                  ? attrib.pinyin_size.replace('pt', '') * 1.5 + 'pt'
+                                  : '22px',
+                            }"
                             @click.stop="viewNotes($event, item.sentArr[pIndex + 2].pinyin)"
                             >{{ item.sentArr[pIndex + 2].pinyin }}</span
                           >
@@ -466,7 +577,11 @@
                             :class="[]"
                             :style="{
                               fontFamily: item.sentArr[pIndex + 2].config.fontFamily,
-                              height: '28px',
+                              height:
+                                attrib && attrib.font_size ? attrib.font_size.replace('pt', '') * 1.4 + 'pt' : '28px',
+                              fontSize: attrib && attrib.font_size ? attrib.font_size : '20px',
+                              lineHeight:
+                                attrib && attrib.font_size ? attrib.font_size.replace('pt', '') * 1.4 + 'pt' : '28px',
                               display: 'inline-block',
                             }"
                             @click.stop="
@@ -494,6 +609,13 @@
                               noFont.indexOf(item.sentArr[pIndex + 2].pinyin) > -1 ? 'noFont' : '',
                             ]"
                             style="text-align: left"
+                            :style="{
+                              fontSize: attrib && attrib.pinyin_size ? attrib.pinyin_size : '14px',
+                              height:
+                                attrib && attrib.pinyin_size
+                                  ? attrib.pinyin_size.replace('pt', '') * 1.5 + 'pt'
+                                  : '22px',
+                            }"
                             @click.stop="viewNotes($event, item.sentArr[pIndex + 1].pinyin)"
                             >{{ item.sentArr[pIndex + 2].pinyin }}</span
                           >
@@ -511,6 +633,11 @@
                             sentIndex == index ? 'wordBlank' : '',
                             noFont.indexOf(pItem.pinyin) > -1 ? 'noFont' : '',
                           ]"
+                          :style="{
+                            fontSize: attrib && attrib.pinyin_size ? attrib.pinyin_size : '14px',
+                            height:
+                              attrib && attrib.pinyin_size ? attrib.pinyin_size.replace('pt', '') * 1.5 + 'pt' : '22px',
+                          }"
                           @click.stop="viewNotes($event, pItem.pinyin)"
                           >{{ pItem.pinyin }}</span
                         >
@@ -531,7 +658,11 @@
                             :class="[]"
                             :style="{
                               fontFamily: pItem.config.fontFamily,
-                              height: '28px',
+                              height:
+                                attrib && attrib.font_size ? attrib.font_size.replace('pt', '') * 1.4 + 'pt' : '28px',
+                              fontSize: attrib && attrib.font_size ? attrib.font_size : '20px',
+                              lineHeight:
+                                attrib && attrib.font_size ? attrib.font_size.replace('pt', '') * 1.4 + 'pt' : '28px',
                               display: 'inline-block',
                             }"
                             @click.stop="viewNotes($event, pItem.words ? pItem.words : pItem.chs)"
@@ -549,6 +680,11 @@
                             sentIndex == index ? 'wordBlank' : '',
                             noFont.indexOf(pItem.pinyin) > -1 ? 'noFont' : '',
                           ]"
+                          :style="{
+                            fontSize: attrib && attrib.pinyin_size ? attrib.pinyin_size : '14px',
+                            height:
+                              attrib && attrib.pinyin_size ? attrib.pinyin_size.replace('pt', '') * 1.5 + 'pt' : '22px',
+                          }"
                           @click.stop="viewNotes($event, pItem.pinyin)"
                           >{{ pItem.pinyin }}</span
                         >
@@ -1345,6 +1481,7 @@ export default {
 
     .NNPE-words {
       float: left;
+      padding-bottom: 5px;
 
       &-box {
         float: left;
@@ -1357,7 +1494,7 @@ export default {
             font-family: 'League';
             font-size: 14px;
             font-weight: normal;
-            line-height: 22px;
+            line-height: 1.5;
 
             &.noFont {
               font-family: initial;
@@ -1371,7 +1508,7 @@ export default {
           &.NNPE-chs {
             font-family: '楷体';
             font-size: 20px;
-            line-height: 28px;
+            line-height: 1.4;
 
             &.active {
               color: #de4444;
@@ -1404,7 +1541,7 @@ export default {
           font-family: 'League';
           font-size: 14px;
           font-weight: normal;
-          line-height: 22px;
+          line-height: 1.5;
 
           &.noFont {
             font-family: initial;
@@ -1418,7 +1555,7 @@ export default {
         &.NNPE-chs {
           font-family: '楷体';
           font-size: 20px;
-          line-height: 28px;
+          line-height: 1.4;
 
           &.active {
             color: #de4444;

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

@@ -119,6 +119,11 @@
                             sentIndex == index ? 'wordBlank' : '',
                             noFont.indexOf(pItem.pinyin) > -1 ? 'noFont' : '',
                           ]"
+                          :style="{
+                            fontSize: attrib && attrib.pinyin_size ? attrib.pinyin_size : '14px',
+                            height:
+                              attrib && attrib.pinyin_size ? attrib.pinyin_size.replace('pt', '') * 1.5 + 'pt' : '22px',
+                          }"
                           >{{ pItem.pinyin }}</span
                         >
                       </template>
@@ -143,7 +148,11 @@
                             ]"
                             :style="{
                               fontFamily: pItem.config.fontFamily,
-                              height: '28px',
+                              height:
+                                attrib && attrib.font_size ? attrib.font_size.replace('pt', '') * 1.4 + 'pt' : '28px',
+                              fontSize: attrib && attrib.font_size ? attrib.font_size : '20px',
+                              lineHeight:
+                                attrib && attrib.font_size ? attrib.font_size.replace('pt', '') * 1.4 + 'pt' : '28px',
                               display: 'inline-block',
                               width: pItem.chs[wIndex].trim() === '' ? '6px' : '',
                               color:
@@ -167,6 +176,11 @@
                             sentIndex == index ? 'wordBlank' : '',
                             noFont.indexOf(pItem.pinyin) > -1 ? 'noFont' : '',
                           ]"
+                          :style="{
+                            fontSize: attrib && attrib.pinyin_size ? attrib.pinyin_size : '14px',
+                            height:
+                              attrib && attrib.pinyin_size ? attrib.pinyin_size.replace('pt', '') * 1.5 + 'pt' : '22px',
+                          }"
                           >{{ pItem.pinyin }}</span
                         >
                       </template>
@@ -181,6 +195,11 @@
                             noFont.indexOf(item.sentArr[pIndex + 1].pinyin) > -1 ? 'noFont' : '',
                           ]"
                           style="text-align: left"
+                          :style="{
+                            fontSize: attrib && attrib.pinyin_size ? attrib.pinyin_size : '14px',
+                            height:
+                              attrib && attrib.pinyin_size ? attrib.pinyin_size.replace('pt', '') * 1.5 + 'pt' : '22px',
+                          }"
                           >{{ item.sentArr[pIndex + 1].pinyin }}</span
                         >
                       </template>
@@ -197,7 +216,11 @@
                           ]"
                           :style="{
                             fontFamily: item.sentArr[pIndex + 1].config.fontFamily,
-                            height: '28px',
+                            height:
+                              attrib && attrib.font_size ? attrib.font_size.replace('pt', '') * 1.4 + 'pt' : '28px',
+                            fontSize: attrib && attrib.font_size ? attrib.font_size : '20px',
+                            lineHeight:
+                              attrib && attrib.font_size ? attrib.font_size.replace('pt', '') * 1.4 + 'pt' : '28px',
                             display: 'inline-block',
                             width: item.sentArr[pIndex + 1].chs.trim() === '' ? '6px' : '',
                             color:
@@ -226,6 +249,11 @@
                             noFont.indexOf(item.sentArr[pIndex + 1].pinyin) > -1 ? 'noFont' : '',
                           ]"
                           style="text-align: left"
+                          :style="{
+                            fontSize: attrib && attrib.pinyin_size ? attrib.pinyin_size : '14px',
+                            height:
+                              attrib && attrib.pinyin_size ? attrib.pinyin_size.replace('pt', '') * 1.5 + 'pt' : '22px',
+                          }"
                           >{{ item.sentArr[pIndex + 1].pinyin }}</span
                         >
                       </template>
@@ -247,6 +275,11 @@
                             noFont.indexOf(item.sentArr[pIndex + 2].pinyin) > -1 ? 'noFont' : '',
                           ]"
                           style="text-align: left"
+                          :style="{
+                            fontSize: attrib && attrib.pinyin_size ? attrib.pinyin_size : '14px',
+                            height:
+                              attrib && attrib.pinyin_size ? attrib.pinyin_size.replace('pt', '') * 1.5 + 'pt' : '22px',
+                          }"
                           >{{ item.sentArr[pIndex + 2].pinyin }}</span
                         >
                       </template>
@@ -263,7 +296,11 @@
                           ]"
                           :style="{
                             fontFamily: item.sentArr[pIndex + 2].config.fontFamily,
-                            height: '28px',
+                            height:
+                              attrib && attrib.font_size ? attrib.font_size.replace('pt', '') * 1.4 + 'pt' : '28px',
+                            fontSize: attrib && attrib.font_size ? attrib.font_size : '20px',
+                            lineHeight:
+                              attrib && attrib.font_size ? attrib.font_size.replace('pt', '') * 1.4 + 'pt' : '28px',
                             display: 'inline-block',
                             width: item.sentArr[pIndex + 2].chs.trim() === '' ? '6px' : '',
                             color:
@@ -292,6 +329,11 @@
                             noFont.indexOf(item.sentArr[pIndex + 2].pinyin) > -1 ? 'noFont' : '',
                           ]"
                           style="text-align: left"
+                          :style="{
+                            fontSize: attrib && attrib.pinyin_size ? attrib.pinyin_size : '14px',
+                            height:
+                              attrib && attrib.pinyin_size ? attrib.pinyin_size.replace('pt', '') * 1.5 + 'pt' : '22px',
+                          }"
                           >{{ item.sentArr[pIndex + 2].pinyin }}</span
                         >
                       </template>
@@ -308,6 +350,11 @@
                           sentIndex == index ? 'wordBlank' : '',
                           noFont.indexOf(pItem.pinyin) > -1 ? 'noFont' : '',
                         ]"
+                        :style="{
+                          fontSize: attrib && attrib.pinyin_size ? attrib.pinyin_size : '14px',
+                          height:
+                            attrib && attrib.pinyin_size ? attrib.pinyin_size.replace('pt', '') * 1.5 + 'pt' : '22px',
+                        }"
                         >{{ pItem.pinyin }}</span
                       >
                     </template>
@@ -334,7 +381,11 @@
                           ]"
                           :style="{
                             fontFamily: pItem.config.fontFamily,
-                            height: '28px',
+                            height:
+                              attrib && attrib.font_size ? attrib.font_size.replace('pt', '') * 1.4 + 'pt' : '28px',
+                            fontSize: attrib && attrib.font_size ? attrib.font_size : '20px',
+                            lineHeight:
+                              attrib && attrib.font_size ? attrib.font_size.replace('pt', '') * 1.4 + 'pt' : '28px',
                             display: 'inline-block',
                             width: pItem.chs[wIndex].trim() === '' ? '6px' : '',
                             color:
@@ -361,6 +412,11 @@
                           sentIndex == index ? 'wordBlank' : '',
                           noFont.indexOf(pItem.pinyin) > -1 ? 'noFont' : '',
                         ]"
+                        :style="{
+                          fontSize: attrib && attrib.pinyin_size ? attrib.pinyin_size : '14px',
+                          height:
+                            attrib && attrib.pinyin_size ? attrib.pinyin_size.replace('pt', '') * 1.5 + 'pt' : '22px',
+                        }"
                         >{{ pItem.pinyin }}</span
                       >
                     </template>
@@ -1020,6 +1076,7 @@ export default {
 
     .NNPE-words {
       float: left;
+      padding-bottom: 5px;
 
       &-box {
         float: left;
@@ -1032,7 +1089,7 @@ export default {
             font-family: 'League';
             font-size: 14px;
             font-weight: normal;
-            line-height: 20px;
+            line-height: 1.5;
             color: rgba(0, 0, 0, 45%);
 
             &.noFont {
@@ -1053,7 +1110,7 @@ export default {
             flex-flow: wrap;
             font-family: '楷体';
             font-size: 20px;
-            line-height: 28px;
+            line-height: 1.4;
             color: rgba(0, 0, 0, 45%);
 
             .active {
@@ -1095,7 +1152,7 @@ export default {
           font-family: 'League';
           font-size: 14px;
           font-weight: normal;
-          line-height: 20px;
+          line-height: 1.5;
           color: rgba(0, 0, 0, 45%);
 
           &.noFont {
@@ -1116,7 +1173,7 @@ export default {
           flex-flow: wrap;
           font-family: '楷体';
           font-size: 20px;
-          line-height: 28px;
+          line-height: 1.4;
           color: rgba(0, 0, 0, 45%);
 
           .active {

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

@@ -89,6 +89,13 @@
                             v-if="curQue.property.pinyin_position == 'top' && config.isShowPY && item.dhaspinyin"
                             class="NNPE-pinyin"
                             :class="[pItem.className ? pItem.className : '']"
+                            :style="{
+                              fontSize: attrib && attrib.pinyin_size ? attrib.pinyin_size : '14px',
+                              height:
+                                attrib && attrib.pinyin_size
+                                  ? attrib.pinyin_size.replace('pt', '') * 1.5 + 'pt'
+                                  : '22px',
+                            }"
                             >{{ pItem.pinyin }}</span
                           >
                           <span
@@ -109,7 +116,11 @@
                             ]"
                             :style="{
                               fontFamily: pItem.config.fontFamily,
-                              height: '28px',
+                              height:
+                                attrib && attrib.font_size ? attrib.font_size.replace('pt', '') * 1.4 + 'pt' : '28px',
+                              fontSize: attrib && attrib.font_size ? attrib.font_size : '20px',
+                              lineHeight:
+                                attrib && attrib.font_size ? attrib.font_size.replace('pt', '') * 1.4 + 'pt' : '28px',
                               display: 'inline-block',
                               backgroundColor:
                                 item.timeList &&
@@ -127,6 +138,13 @@
                             v-if="curQue.property.pinyin_position == 'bottom' && config.isShowPY && item.dhaspinyin"
                             class="NNPE-pinyin"
                             :class="[pItem.className ? pItem.className : '']"
+                            :style="{
+                              fontSize: attrib && attrib.pinyin_size ? attrib.pinyin_size : '14px',
+                              height:
+                                attrib && attrib.pinyin_size
+                                  ? attrib.pinyin_size.replace('pt', '') * 1.5 + 'pt'
+                                  : '22px',
+                            }"
                             >{{ pItem.pinyin }}</span
                           >
                         </span>
@@ -135,6 +153,13 @@
                             v-if="curQue.property.pinyin_position == 'top' && config.isShowPY && item.dhaspinyin"
                             class="NNPE-pinyin"
                             style="text-align: left"
+                            :style="{
+                              fontSize: attrib && attrib.pinyin_size ? attrib.pinyin_size : '14px',
+                              height:
+                                attrib && attrib.pinyin_size
+                                  ? attrib.pinyin_size.replace('pt', '') * 1.5 + 'pt'
+                                  : '22px',
+                            }"
                             >{{ item.wordsList[pIndex + 1].pinyin }}</span
                           >
                           <span
@@ -151,7 +176,11 @@
                             ]"
                             :style="{
                               fontFamily: item.wordsList[pIndex + 1].config.fontFamily,
-                              height: '28px',
+                              height:
+                                attrib && attrib.font_size ? attrib.font_size.replace('pt', '') * 1.4 + 'pt' : '28px',
+                              fontSize: attrib && attrib.font_size ? attrib.font_size : '20px',
+                              lineHeight:
+                                attrib && attrib.font_size ? attrib.font_size.replace('pt', '') * 1.4 + 'pt' : '28px',
                               display: 'inline-block',
                               backgroundColor:
                                 item.timeList &&
@@ -173,6 +202,13 @@
                             v-if="curQue.property.pinyin_position == 'bottom' && config.isShowPY && item.dhaspinyin"
                             class="NNPE-pinyin"
                             style="text-align: left"
+                            :style="{
+                              fontSize: attrib && attrib.pinyin_size ? attrib.pinyin_size : '14px',
+                              height:
+                                attrib && attrib.pinyin_size
+                                  ? attrib.pinyin_size.replace('pt', '') * 1.5 + 'pt'
+                                  : '22px',
+                            }"
                             >{{ item.wordsList[pIndex + 1].pinyin }}</span
                           >
                         </span>
@@ -192,6 +228,13 @@
                               noFont.indexOf(item.wordsList[pIndex + 2].pinyin) > -1 ? 'noFont' : '',
                             ]"
                             style="text-align: left"
+                            :style="{
+                              fontSize: attrib && attrib.pinyin_size ? attrib.pinyin_size : '14px',
+                              height:
+                                attrib && attrib.pinyin_size
+                                  ? attrib.pinyin_size.replace('pt', '') * 1.5 + 'pt'
+                                  : '22px',
+                            }"
                             >{{ item.wordsList[pIndex + 2].pinyin }}</span
                           >
                           <span
@@ -216,7 +259,11 @@
                             ]"
                             :style="{
                               fontFamily: item.wordsList[pIndex + 2].config.fontFamily,
-                              height: '28px',
+                              height:
+                                attrib && attrib.font_size ? attrib.font_size.replace('pt', '') * 1.4 + 'pt' : '28px',
+                              fontSize: attrib && attrib.font_size ? attrib.font_size : '20px',
+                              lineHeight:
+                                attrib && attrib.font_size ? attrib.font_size.replace('pt', '') * 1.4 + 'pt' : '28px',
                               display: 'inline-block',
                               backgroundColor:
                                 item.timeList &&
@@ -241,6 +288,13 @@
                               noFont.indexOf(item.wordsList[pIndex + 2].pinyin) > -1 ? 'noFont' : '',
                             ]"
                             style="text-align: left"
+                            :style="{
+                              fontSize: attrib && attrib.pinyin_size ? attrib.pinyin_size : '14px',
+                              height:
+                                attrib && attrib.pinyin_size
+                                  ? attrib.pinyin_size.replace('pt', '') * 1.5 + 'pt'
+                                  : '22px',
+                            }"
                             >{{ item.wordsList[pIndex + 2].pinyin }}</span
                           >
                         </span>
@@ -253,6 +307,11 @@
                             pItem.chs != '“' && pItem.padding ? 'padding' : '',
                             pItem.className ? pItem.className : '',
                           ]"
+                          :style="{
+                            fontSize: attrib && attrib.pinyin_size ? attrib.pinyin_size : '14px',
+                            height:
+                              attrib && attrib.pinyin_size ? attrib.pinyin_size.replace('pt', '') * 1.5 + 'pt' : '22px',
+                          }"
                           >{{ pItem.pinyin }}</span
                         >
                         <span
@@ -269,7 +328,11 @@
                           ]"
                           :style="{
                             fontFamily: pItem.config.fontFamily,
-                            height: '28px',
+                            height:
+                              attrib && attrib.font_size ? attrib.font_size.replace('pt', '') * 1.4 + 'pt' : '28px',
+                            fontSize: attrib && attrib.font_size ? attrib.font_size : '20px',
+                            lineHeight:
+                              attrib && attrib.font_size ? attrib.font_size.replace('pt', '') * 1.4 + 'pt' : '28px',
                             display: 'inline-block',
                             backgroundColor:
                               item.timeList &&
@@ -291,6 +354,11 @@
                             pItem.chs != '“' && pItem.padding ? 'padding' : '',
                             pItem.className ? pItem.className : '',
                           ]"
+                          :style="{
+                            fontSize: attrib && attrib.pinyin_size ? attrib.pinyin_size : '14px',
+                            height:
+                              attrib && attrib.pinyin_size ? attrib.pinyin_size.replace('pt', '') * 1.5 + 'pt' : '22px',
+                          }"
                           >{{ pItem.pinyin }}</span
                         >
                       </template>
@@ -371,6 +439,13 @@
                               sentIndex == index ? 'wordBlank' : '',
                               noFont.indexOf(pItem.pinyin) > -1 ? 'noFont' : '',
                             ]"
+                            :style="{
+                              fontSize: attrib && attrib.pinyin_size ? attrib.pinyin_size : '14px',
+                              height:
+                                attrib && attrib.pinyin_size
+                                  ? attrib.pinyin_size.replace('pt', '') * 1.5 + 'pt'
+                                  : '22px',
+                            }"
                             >{{ pItem.pinyin }}</span
                           >
                         </template>
@@ -388,7 +463,11 @@
                               :class="[]"
                               :style="{
                                 fontFamily: pItem.config.fontFamily,
-                                height: '28px',
+                                height:
+                                  attrib && attrib.font_size ? attrib.font_size.replace('pt', '') * 1.4 + 'pt' : '28px',
+                                fontSize: attrib && attrib.font_size ? attrib.font_size : '20px',
+                                lineHeight:
+                                  attrib && attrib.font_size ? attrib.font_size.replace('pt', '') * 1.4 + 'pt' : '28px',
                                 display: 'inline-block',
                               }"
                               >{{ NumberList.indexOf(pItem.pinyin) == -1 ? pItem.chs[wIndex] : '' }}</span
@@ -404,6 +483,13 @@
                               sentIndex == index ? 'wordBlank' : '',
                               noFont.indexOf(pItem.pinyin) > -1 ? 'noFont' : '',
                             ]"
+                            :style="{
+                              fontSize: attrib && attrib.pinyin_size ? attrib.pinyin_size : '14px',
+                              height:
+                                attrib && attrib.pinyin_size
+                                  ? attrib.pinyin_size.replace('pt', '') * 1.5 + 'pt'
+                                  : '22px',
+                            }"
                             >{{ pItem.pinyin }}</span
                           >
                         </template>
@@ -418,6 +504,13 @@
                               noFont.indexOf(item.sentArr[pIndex + 1].pinyin) > -1 ? 'noFont' : '',
                             ]"
                             style="text-align: left"
+                            :style="{
+                              fontSize: attrib && attrib.pinyin_size ? attrib.pinyin_size : '14px',
+                              height:
+                                attrib && attrib.pinyin_size
+                                  ? attrib.pinyin_size.replace('pt', '') * 1.5 + 'pt'
+                                  : '22px',
+                            }"
                             >{{ item.sentArr[pIndex + 1].pinyin }}</span
                           >
                         </template>
@@ -426,7 +519,11 @@
                             :class="[]"
                             :style="{
                               fontFamily: item.sentArr[pIndex + 1].config.fontFamily,
-                              height: '28px',
+                              height:
+                                attrib && attrib.font_size ? attrib.font_size.replace('pt', '') * 1.4 + 'pt' : '28px',
+                              fontSize: attrib && attrib.font_size ? attrib.font_size : '20px',
+                              lineHeight:
+                                attrib && attrib.font_size ? attrib.font_size.replace('pt', '') * 1.4 + 'pt' : '28px',
                               display: 'inline-block',
                             }"
                           >
@@ -446,6 +543,13 @@
                               noFont.indexOf(item.sentArr[pIndex + 1].pinyin) > -1 ? 'noFont' : '',
                             ]"
                             style="text-align: left"
+                            :style="{
+                              fontSize: attrib && attrib.pinyin_size ? attrib.pinyin_size : '14px',
+                              height:
+                                attrib && attrib.pinyin_size
+                                  ? attrib.pinyin_size.replace('pt', '') * 1.5 + 'pt'
+                                  : '22px',
+                            }"
                             >{{ item.sentArr[pIndex + 1].pinyin }}</span
                           >
                         </template>
@@ -468,6 +572,13 @@
                               noFont.indexOf(item.sentArr[pIndex + 2].pinyin) > -1 ? 'noFont' : '',
                             ]"
                             style="text-align: left"
+                            :style="{
+                              fontSize: attrib && attrib.pinyin_size ? attrib.pinyin_size : '14px',
+                              height:
+                                attrib && attrib.pinyin_size
+                                  ? attrib.pinyin_size.replace('pt', '') * 1.5 + 'pt'
+                                  : '22px',
+                            }"
                             >{{ item.sentArr[pIndex + 2].pinyin }}</span
                           >
                         </template>
@@ -476,7 +587,11 @@
                             :class="[]"
                             :style="{
                               fontFamily: item.sentArr[pIndex + 2].config.fontFamily,
-                              height: '28px',
+                              height:
+                                attrib && attrib.font_size ? attrib.font_size.replace('pt', '') * 1.4 + 'pt' : '28px',
+                              fontSize: attrib && attrib.font_size ? attrib.font_size : '20px',
+                              lineHeight:
+                                attrib && attrib.font_size ? attrib.font_size.replace('pt', '') * 1.4 + 'pt' : '28px',
                               display: 'inline-block',
                             }"
                           >
@@ -496,6 +611,13 @@
                               noFont.indexOf(item.sentArr[pIndex + 2].pinyin) > -1 ? 'noFont' : '',
                             ]"
                             style="text-align: left"
+                            :style="{
+                              fontSize: attrib && attrib.pinyin_size ? attrib.pinyin_size : '14px',
+                              height:
+                                attrib && attrib.pinyin_size
+                                  ? attrib.pinyin_size.replace('pt', '') * 1.5 + 'pt'
+                                  : '22px',
+                            }"
                             >{{ item.sentArr[pIndex + 2].pinyin }}</span
                           >
                         </template>
@@ -512,6 +634,11 @@
                             sentIndex == index ? 'wordBlank' : '',
                             noFont.indexOf(pItem.pinyin) > -1 ? 'noFont' : '',
                           ]"
+                          :style="{
+                            fontSize: attrib && attrib.pinyin_size ? attrib.pinyin_size : '14px',
+                            height:
+                              attrib && attrib.pinyin_size ? attrib.pinyin_size.replace('pt', '') * 1.5 + 'pt' : '22px',
+                          }"
                           >{{ pItem.pinyin }}</span
                         >
                       </template>
@@ -529,7 +656,11 @@
                             :class="[]"
                             :style="{
                               fontFamily: pItem.config.fontFamily,
-                              height: '28px',
+                              height:
+                                attrib && attrib.font_size ? attrib.font_size.replace('pt', '') * 1.4 + 'pt' : '28px',
+                              fontSize: attrib && attrib.font_size ? attrib.font_size : '20px',
+                              lineHeight:
+                                attrib && attrib.font_size ? attrib.font_size.replace('pt', '') * 1.4 + 'pt' : '28px',
                               display: 'inline-block',
                             }"
                             >{{ NumberList.indexOf(pItem.pinyin) == -1 ? pItem.chs[wIndex] : '' }}</span
@@ -546,6 +677,11 @@
                             sentIndex == index ? 'wordBlank' : '',
                             noFont.indexOf(pItem.pinyin) > -1 ? 'noFont' : '',
                           ]"
+                          :style="{
+                            fontSize: attrib && attrib.pinyin_size ? attrib.pinyin_size : '14px',
+                            height:
+                              attrib && attrib.pinyin_size ? attrib.pinyin_size.replace('pt', '') * 1.5 + 'pt' : '22px',
+                          }"
                           >{{ pItem.pinyin }}</span
                         >
                       </template>
@@ -1137,6 +1273,7 @@ export default {
 
     .NNPE-words {
       float: left;
+      padding-bottom: 5px;
 
       &-box {
         float: left;
@@ -1149,7 +1286,7 @@ export default {
             font-family: 'League';
             font-size: 14px;
             font-weight: normal;
-            line-height: 22px;
+            line-height: 1.5;
 
             &.noFont {
               font-family: initial;
@@ -1163,7 +1300,7 @@ export default {
           &.NNPE-chs {
             font-family: '楷体';
             font-size: 20px;
-            line-height: 28px;
+            line-height: 1.4;
 
             &.active {
               background: rgba(36, 185, 158, 15%);
@@ -1200,7 +1337,7 @@ export default {
           font-family: 'League';
           font-size: 14px;
           font-weight: normal;
-          line-height: 22px;
+          line-height: 1.5;
 
           &.noFont {
             font-family: initial;
@@ -1214,7 +1351,7 @@ export default {
         &.NNPE-chs {
           font-family: '楷体';
           font-size: 20px;
-          line-height: 28px;
+          line-height: 1.4;
 
           &.active {
             background: rgba(36, 185, 158, 15%);

src/views/book/courseware/preview/components/common/PreviewMixin.js

@@ -37,11 +37,6 @@ const mixin = {
       type: String,
       default: '',
     },
-    // 是否为移动端预览
-    isMobile: {
-      type: Boolean,
-      default: false,
-    },
   },
   computed: {
     showLang() {

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

@@ -132,6 +132,13 @@
                               pItem.className ? pItem.className : '',
                               noFont.indexOf(pItem.pinyin) > -1 ? 'noFont' : '',
                             ]"
+                            :style="{
+                              fontSize: attrib && attrib.pinyin_size ? attrib.pinyin_size : '14px',
+                              height:
+                                attrib && attrib.pinyin_size
+                                  ? attrib.pinyin_size.replace('pt', '') * 1.5 + 'pt'
+                                  : '22px',
+                            }"
                             @click.stop="
                               viewNotes(
                                 $event,
@@ -143,7 +150,16 @@
                             "
                             >{{ pItem.pinyin }}</span
                           >
-                          <span class="NNPE-chs">
+                          <span
+                            class="NNPE-chs"
+                            :style="{
+                              height:
+                                attrib && attrib.font_size ? attrib.font_size.replace('pt', '') * 1.4 + 'pt' : '28px',
+                              fontSize: attrib && attrib.font_size ? attrib.font_size : '20px',
+                              lineHeight:
+                                attrib && attrib.font_size ? attrib.font_size.replace('pt', '') * 1.4 + 'pt' : '28px',
+                            }"
+                          >
                             <template>
                               <span
                                 v-for="(wItem, wIndex) in pItem.leg"
@@ -158,7 +174,10 @@
                                 ]"
                                 :style="{
                                   fontFamily: pItem.config.fontFamily,
-                                  height: '28px',
+                                  height:
+                                    attrib && attrib.font_size
+                                      ? attrib.font_size.replace('pt', '') * 1.4 + 'pt'
+                                      : '28px',
                                   display: 'inline-block',
                                   color:
                                     pItem.chstimeList &&
@@ -168,6 +187,11 @@
                                     attrib
                                       ? attrib.topic_color
                                       : '',
+                                  fontSize: attrib && attrib.font_size ? attrib.font_size : '20px',
+                                  lineHeight:
+                                    attrib && attrib.font_size
+                                      ? attrib.font_size.replace('pt', '') * 1.4 + 'pt'
+                                      : '28px',
                                 }"
                                 @click.stop="
                                   viewNotes(
@@ -189,6 +213,13 @@
                               pItem.className ? pItem.className : '',
                               noFont.indexOf(pItem.pinyin) > -1 ? 'noFont' : '',
                             ]"
+                            :style="{
+                              fontSize: attrib && attrib.pinyin_size ? attrib.pinyin_size : '14px',
+                              height:
+                                attrib && attrib.pinyin_size
+                                  ? attrib.pinyin_size.replace('pt', '') * 1.5 + 'pt'
+                                  : '22px',
+                            }"
                             @click.stop="
                               viewNotes(
                                 $event,
@@ -207,6 +238,13 @@
                             class="NNPE-pinyin"
                             :class="[noFont.indexOf(item.wordsList[pIndex + 1].pinyin) > -1 ? 'noFont' : '']"
                             style="text-align: left"
+                            :style="{
+                              fontSize: attrib && attrib.pinyin_size ? attrib.pinyin_size : '14px',
+                              height:
+                                attrib && attrib.pinyin_size
+                                  ? attrib.pinyin_size.replace('pt', '') * 1.5 + 'pt'
+                                  : '22px',
+                            }"
                             @click.stop="
                               viewNotes(
                                 $event,
@@ -232,7 +270,8 @@
                             ]"
                             :style="{
                               fontFamily: item.wordsList[pIndex + 1].config.fontFamily,
-                              height: '28px',
+                              height:
+                                attrib && attrib.font_size ? attrib.font_size.replace('pt', '') * 1.4 + 'pt' : '28px',
                               display: 'inline-block',
                               color:
                                 pItem.chstimeList &&
@@ -243,6 +282,9 @@
                                 attrib
                                   ? attrib.topic_color
                                   : '',
+                              fontSize: attrib && attrib.font_size ? attrib.font_size : '20px',
+                              lineHeight:
+                                attrib && attrib.font_size ? attrib.font_size.replace('pt', '') * 1.4 + 'pt' : '28px',
                             }"
                             @click.stop="
                               viewNotes(
@@ -264,6 +306,13 @@
                             class="NNPE-pinyin"
                             :class="[noFont.indexOf(item.wordsList[pIndex + 1].pinyin) > -1 ? 'noFont' : '']"
                             style="text-align: left"
+                            :style="{
+                              fontSize: attrib && attrib.pinyin_size ? attrib.pinyin_size : '14px',
+                              height:
+                                attrib && attrib.pinyin_size
+                                  ? attrib.pinyin_size.replace('pt', '') * 1.5 + 'pt'
+                                  : '22px',
+                            }"
                             @click.stop="
                               viewNotes(
                                 $event,
@@ -292,6 +341,13 @@
                               noFont.indexOf(item.wordsList[pIndex + 2].pinyin) > -1 ? 'noFont' : '',
                             ]"
                             style="text-align: left"
+                            :style="{
+                              fontSize: attrib && attrib.pinyin_size ? attrib.pinyin_size : '14px',
+                              height:
+                                attrib && attrib.pinyin_size
+                                  ? attrib.pinyin_size.replace('pt', '') * 1.5 + 'pt'
+                                  : '22px',
+                            }"
                             @click.stop="
                               viewNotes(
                                 $event,
@@ -317,7 +373,8 @@
                             ]"
                             :style="{
                               fontFamily: item.wordsList[pIndex + 2].config.fontFamily,
-                              height: '28px',
+                              height:
+                                attrib && attrib.font_size ? attrib.font_size.replace('pt', '') * 1.4 + 'pt' : '28px',
                               display: 'inline-block',
                               color:
                                 pItem.chstimeList &&
@@ -328,6 +385,9 @@
                                 attrib
                                   ? attrib.topic_color
                                   : '',
+                              fontSize: attrib && attrib.font_size ? attrib.font_size : '20px',
+                              lineHeight:
+                                attrib && attrib.font_size ? attrib.font_size.replace('pt', '') * 1.4 + 'pt' : '28px',
                             }"
                             @click.stop="
                               viewNotes(
@@ -351,6 +411,13 @@
                               noFont.indexOf(item.wordsList[pIndex + 2].pinyin) > -1 ? 'noFont' : '',
                             ]"
                             style="text-align: left"
+                            :style="{
+                              fontSize: attrib && attrib.pinyin_size ? attrib.pinyin_size : '14px',
+                              height:
+                                attrib && attrib.pinyin_size
+                                  ? attrib.pinyin_size.replace('pt', '') * 1.5 + 'pt'
+                                  : '22px',
+                            }"
                             @click.stop="
                               viewNotes(
                                 $event,
@@ -373,6 +440,11 @@
                             pItem.className ? pItem.className : '',
                             noFont.indexOf(pItem.pinyin) > -1 ? 'noFont' : '',
                           ]"
+                          :style="{
+                            fontSize: attrib && attrib.pinyin_size ? attrib.pinyin_size : '14px',
+                            height:
+                              attrib && attrib.pinyin_size ? attrib.pinyin_size.replace('pt', '') * 1.5 + 'pt' : '22px',
+                          }"
                           @click.stop="
                             viewNotes(
                               $event,
@@ -389,6 +461,13 @@
                           v-if="pItem.chs != '#'"
                           class="NNPE-chs"
                           :class="[pItem.chs != '“' && pItem.padding && config.isShowPY ? 'padding' : '']"
+                          :style="{
+                            height:
+                              attrib && attrib.font_size ? attrib.font_size.replace('pt', '') * 1.4 + 'pt' : '28px',
+                            fontSize: attrib && attrib.font_size ? attrib.font_size : '20px',
+                            lineHeight:
+                              attrib && attrib.font_size ? attrib.font_size.replace('pt', '') * 1.4 + 'pt' : '28px',
+                          }"
                         >
                           <template>
                             <span
@@ -404,7 +483,8 @@
                               ]"
                               :style="{
                                 fontFamily: pItem.config.fontFamily,
-                                height: '28px',
+                                height:
+                                  attrib && attrib.font_size ? attrib.font_size.replace('pt', '') * 1.4 + 'pt' : '28px',
                                 display: 'inline-block',
                                 color:
                                   pItem.chstimeList &&
@@ -414,6 +494,9 @@
                                   attrib
                                     ? attrib.topic_color
                                     : '',
+                                fontSize: attrib && attrib.font_size ? attrib.font_size : '20px',
+                                lineHeight:
+                                  attrib && attrib.font_size ? attrib.font_size.replace('pt', '') * 1.4 + 'pt' : '28px',
                               }"
                               @click.stop="
                                 viewNotes(
@@ -436,6 +519,11 @@
                             pItem.className ? pItem.className : '',
                             noFont.indexOf(pItem.pinyin) > -1 ? 'noFont' : '',
                           ]"
+                          :style="{
+                            fontSize: attrib && attrib.pinyin_size ? attrib.pinyin_size : '14px',
+                            height:
+                              attrib && attrib.pinyin_size ? attrib.pinyin_size.replace('pt', '') * 1.5 + 'pt' : '22px',
+                          }"
                           @click.stop="
                             viewNotes(
                               $event,
@@ -1088,6 +1176,7 @@ export default {
 
     .NNPE-words {
       float: left;
+      padding-bottom: 5px;
 
       &-box {
         float: left;
@@ -1100,7 +1189,7 @@ export default {
             font-family: 'League';
             font-size: 14px;
             font-weight: normal;
-            line-height: 22px;
+            line-height: 1.5;
             color: #000;
 
             &.noFont {
@@ -1119,7 +1208,7 @@ export default {
           &.NNPE-chs {
             font-family: '楷体';
             font-size: 20px;
-            line-height: 28px;
+            line-height: 1.4;
             color: #000;
 
             &.active {
@@ -1161,7 +1250,7 @@ export default {
           font-family: 'League';
           font-size: 14px;
           font-weight: normal;
-          line-height: 22px;
+          line-height: 1.5;
           color: #000;
 
           &.noFont {
@@ -1180,7 +1269,7 @@ export default {
         &.NNPE-chs {
           font-family: '楷体';
           font-size: 20px;
-          line-height: 28px;
+          line-height: 1.4;
           color: #000;
 
           &.active {

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

@@ -112,6 +112,13 @@
                               noFont.indexOf(item.pinyin) > -1 ? 'noFont' : '',
                             ]"
                             @click.stop="viewNotes($event, pItem.pinyin)"
+                            :style="{
+                              fontSize: attrib && attrib.pinyin_size ? attrib.pinyin_size : '14px',
+                              height:
+                                attrib && attrib.pinyin_size
+                                  ? attrib.pinyin_size.replace('pt', '') * 1.5 + 'pt'
+                                  : '22px',
+                            }"
                             >{{ pItem.pinyin }}</span
                           >
                           <span
@@ -122,7 +129,11 @@
                             ]"
                             :style="{
                               fontFamily: pItem.config.fontFamily,
-                              height: '28px',
+                              height:
+                                attrib && attrib.font_size ? attrib.font_size.replace('pt', '') * 1.4 + 'pt' : '28px',
+                              fontSize: attrib && attrib.font_size ? attrib.font_size : '20px',
+                              lineHeight:
+                                attrib && attrib.font_size ? attrib.font_size.replace('pt', '') * 1.4 + 'pt' : '28px',
                               display: 'inline-block',
                               color:
                                 newWordList.indexOf(pItem.chs) > -1 || pItem.words
@@ -142,6 +153,13 @@
                               noFont.indexOf(item.pinyin) > -1 ? 'noFont' : '',
                             ]"
                             @click.stop="viewNotes($event, pItem.pinyin)"
+                            :style="{
+                              fontSize: attrib && attrib.pinyin_size ? attrib.pinyin_size : '14px',
+                              height:
+                                attrib && attrib.pinyin_size
+                                  ? attrib.pinyin_size.replace('pt', '') * 1.5 + 'pt'
+                                  : '22px',
+                            }"
                             >{{ pItem.pinyin }}</span
                           >
                         </span>
@@ -152,6 +170,13 @@
                             style="text-align: left"
                             :class="[noFont.indexOf(item.wordsList[pIndex + 1].pinyin) > -1 ? 'noFont' : '']"
                             @click.stop="viewNotes($event, item.wordsList[pIndex + 1].pinyin)"
+                            :style="{
+                              fontSize: attrib && attrib.pinyin_size ? attrib.pinyin_size : '14px',
+                              height:
+                                attrib && attrib.pinyin_size
+                                  ? attrib.pinyin_size.replace('pt', '') * 1.5 + 'pt'
+                                  : '22px',
+                            }"
                             >{{ item.wordsList[pIndex + 1].pinyin }}</span
                           >
                           <span
@@ -159,7 +184,11 @@
                             style="text-align: left"
                             :style="{
                               fontFamily: item.wordsList[pIndex + 1].config.fontFamily,
-                              height: '28px',
+                              height:
+                                attrib && attrib.font_size ? attrib.font_size.replace('pt', '') * 1.4 + 'pt' : '28px',
+                              fontSize: attrib && attrib.font_size ? attrib.font_size : '20px',
+                              lineHeight:
+                                attrib && attrib.font_size ? attrib.font_size.replace('pt', '') * 1.4 + 'pt' : '28px',
                               display: 'inline-block',
                             }"
                             @click.stop="
@@ -182,6 +211,13 @@
                             :class="[noFont.indexOf(item.wordsList[pIndex + 1].pinyin) > -1 ? 'noFont' : '']"
                             style="text-align: left"
                             @click.stop="viewNotes($event, item.wordsList[pIndex + 1].pinyin)"
+                            :style="{
+                              fontSize: attrib && attrib.pinyin_size ? attrib.pinyin_size : '14px',
+                              height:
+                                attrib && attrib.pinyin_size
+                                  ? attrib.pinyin_size.replace('pt', '') * 1.5 + 'pt'
+                                  : '22px',
+                            }"
                             >{{ item.wordsList[pIndex + 1].pinyin }}</span
                           >
                         </span>
@@ -201,6 +237,13 @@
                               noFont.indexOf(item.wordsList[pIndex + 2].pinyin) > -1 ? 'noFont' : '',
                             ]"
                             style="text-align: left"
+                            :style="{
+                              fontSize: attrib && attrib.pinyin_size ? attrib.pinyin_size : '14px',
+                              height:
+                                attrib && attrib.pinyin_size
+                                  ? attrib.pinyin_size.replace('pt', '') * 1.5 + 'pt'
+                                  : '22px',
+                            }"
                             @click.stop="viewNotes($event, item.wordsList[pIndex + 2].pinyin)"
                             >{{ item.wordsList[pIndex + 2].pinyin }}</span
                           >
@@ -218,7 +261,11 @@
                             ]"
                             :style="{
                               fontFamily: item.wordsList[pIndex + 2].config.fontFamily,
-                              height: '28px',
+                              height:
+                                attrib && attrib.font_size ? attrib.font_size.replace('pt', '') * 1.4 + 'pt' : '28px',
+                              fontSize: attrib && attrib.font_size ? attrib.font_size : '20px',
+                              lineHeight:
+                                attrib && attrib.font_size ? attrib.font_size.replace('pt', '') * 1.4 + 'pt' : '28px',
                               display: 'inline-block',
                             }"
                             @click.stop="
@@ -242,6 +289,13 @@
                               noFont.indexOf(item.wordsList[pIndex + 2].pinyin) > -1 ? 'noFont' : '',
                             ]"
                             style="text-align: left"
+                            :style="{
+                              fontSize: attrib && attrib.pinyin_size ? attrib.pinyin_size : '14px',
+                              height:
+                                attrib && attrib.pinyin_size
+                                  ? attrib.pinyin_size.replace('pt', '') * 1.5 + 'pt'
+                                  : '22px',
+                            }"
                             @click.stop="viewNotes($event, item.wordsList[pIndex + 2].pinyin)"
                             >{{ item.wordsList[pIndex + 2].pinyin }}</span
                           >
@@ -256,6 +310,11 @@
                             pItem.className ? pItem.className : '',
                             noFont.indexOf(pItem.pinyin) > -1 ? 'noFont' : '',
                           ]"
+                          :style="{
+                            fontSize: attrib && attrib.pinyin_size ? attrib.pinyin_size : '14px',
+                            height:
+                              attrib && attrib.pinyin_size ? attrib.pinyin_size.replace('pt', '') * 1.5 + 'pt' : '22px',
+                          }"
                           @click.stop="viewNotes($event, pItem.pinyin)"
                           >{{ pItem.pinyin }}</span
                         >
@@ -269,7 +328,11 @@
                           ]"
                           :style="{
                             fontFamily: pItem.config.fontFamily,
-                            height: '28px',
+                            height:
+                              attrib && attrib.font_size ? attrib.font_size.replace('pt', '') * 1.4 + 'pt' : '28px',
+                            fontSize: attrib && attrib.font_size ? attrib.font_size : '20px',
+                            lineHeight:
+                              attrib && attrib.font_size ? attrib.font_size.replace('pt', '') * 1.4 + 'pt' : '28px',
                             display: 'inline-block',
                             color:
                               newWordList.indexOf(pItem.chs) > -1 || pItem.words
@@ -289,6 +352,11 @@
                             pItem.className ? pItem.className : '',
                             noFont.indexOf(pItem.pinyin) > -1 ? 'noFont' : '',
                           ]"
+                          :style="{
+                            fontSize: attrib && attrib.pinyin_size ? attrib.pinyin_size : '14px',
+                            height:
+                              attrib && attrib.pinyin_size ? attrib.pinyin_size.replace('pt', '') * 1.5 + 'pt' : '22px',
+                          }"
                           @click.stop="viewNotes($event, pItem.pinyin)"
                           >{{ pItem.pinyin }}</span
                         >
@@ -1118,6 +1186,7 @@ export default {
 
     .NNPE-words {
       float: left;
+      padding-bottom: 5px;
 
       &-box {
         float: left;
@@ -1130,7 +1199,7 @@ export default {
             font-family: 'League';
             font-size: 14px;
             font-weight: normal;
-            line-height: 22px;
+            line-height: 1.5;
             color: #000;
 
             &.noFont {
@@ -1145,7 +1214,7 @@ export default {
           &.NNPE-chs {
             font-family: '楷体';
             font-size: 20px;
-            line-height: 28px;
+            line-height: 1.4;
             color: #000;
 
             &.active {
@@ -1187,7 +1256,7 @@ export default {
           font-family: 'League';
           font-size: 14px;
           font-weight: normal;
-          line-height: 22px;
+          line-height: 1.5;
           color: #000;
 
           &.noFont {
@@ -1202,7 +1271,7 @@ export default {
         &.NNPE-chs {
           font-family: '楷体';
           font-size: 20px;
-          line-height: 28px;
+          line-height: 1.4;
           color: #000;
 
           &.active {

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

@@ -204,6 +204,13 @@
                                   sentIndex == index ? 'wordBlank' : '',
                                   noFont.indexOf(pItem.pinyin) > -1 ? 'noFont' : '',
                                 ]"
+                                :style="{
+                                  fontSize: attrib && attrib.pinyin_size ? attrib.pinyin_size : '14px',
+                                  height:
+                                    attrib && attrib.pinyin_size
+                                      ? attrib.pinyin_size.replace('pt', '') * 1.5 + 'pt'
+                                      : '22px',
+                                }"
                                 >{{ pItem.pinyin }}</span
                               >
                             </template>
@@ -232,7 +239,15 @@
                                   ]"
                                   :style="{
                                     fontFamily: pItem.config.fontFamily,
-                                    height: '28px',
+                                    height:
+                                      attrib && attrib.font_size
+                                        ? attrib.font_size.replace('pt', '') * 1.4 + 'pt'
+                                        : '28px',
+                                    fontSize: attrib && attrib.font_size ? attrib.font_size : '20px',
+                                    lineHeight:
+                                      attrib && attrib.font_size
+                                        ? attrib.font_size.replace('pt', '') * 1.4 + 'pt'
+                                        : '28px',
                                     display: 'inline-block',
                                     color:
                                       isPlaying &&
@@ -259,6 +274,13 @@
                                   sentIndex == index ? 'wordBlank' : '',
                                   noFont.indexOf(pItem.pinyin) > -1 ? 'noFont' : '',
                                 ]"
+                                :style="{
+                                  fontSize: attrib && attrib.pinyin_size ? attrib.pinyin_size : '14px',
+                                  height:
+                                    attrib && attrib.pinyin_size
+                                      ? attrib.pinyin_size.replace('pt', '') * 1.5 + 'pt'
+                                      : '22px',
+                                }"
                                 >{{ pItem.pinyin }}</span
                               >
                             </template>
@@ -273,6 +295,13 @@
                                   noFont.indexOf(item.sentArr[pIndex + 1].pinyin) > -1 ? 'noFont' : '',
                                 ]"
                                 style="text-align: left"
+                                :style="{
+                                  fontSize: attrib && attrib.pinyin_size ? attrib.pinyin_size : '14px',
+                                  height:
+                                    attrib && attrib.pinyin_size
+                                      ? attrib.pinyin_size.replace('pt', '') * 1.5 + 'pt'
+                                      : '22px',
+                                }"
                                 >{{ item.sentArr[pIndex + 1].pinyin }}</span
                               >
                             </template>
@@ -291,7 +320,15 @@
                                 ]"
                                 :style="{
                                   fontFamily: item.sentArr[pIndex + 1].config.fontFamily,
-                                  height: '28px',
+                                  height:
+                                    attrib && attrib.font_size
+                                      ? attrib.font_size.replace('pt', '') * 1.4 + 'pt'
+                                      : '28px',
+                                  fontSize: attrib && attrib.font_size ? attrib.font_size : '20px',
+                                  lineHeight:
+                                    attrib && attrib.font_size
+                                      ? attrib.font_size.replace('pt', '') * 1.4 + 'pt'
+                                      : '28px',
                                   display: 'inline-block',
                                   color:
                                     isPlaying &&
@@ -321,6 +358,13 @@
                                   noFont.indexOf(item.sentArr[pIndex + 1].pinyin) > -1 ? 'noFont' : '',
                                 ]"
                                 style="text-align: left"
+                                :style="{
+                                  fontSize: attrib && attrib.pinyin_size ? attrib.pinyin_size : '14px',
+                                  height:
+                                    attrib && attrib.pinyin_size
+                                      ? attrib.pinyin_size.replace('pt', '') * 1.5 + 'pt'
+                                      : '22px',
+                                }"
                                 >{{ item.sentArr[pIndex + 1].pinyin }}</span
                               >
                             </template>
@@ -342,6 +386,13 @@
                                   noFont.indexOf(item.sentArr[pIndex + 2].pinyin) > -1 ? 'noFont' : '',
                                 ]"
                                 style="text-align: left"
+                                :style="{
+                                  fontSize: attrib && attrib.pinyin_size ? attrib.pinyin_size : '14px',
+                                  height:
+                                    attrib && attrib.pinyin_size
+                                      ? attrib.pinyin_size.replace('pt', '') * 1.5 + 'pt'
+                                      : '22px',
+                                }"
                                 >{{ item.sentArr[pIndex + 2].pinyin }}</span
                               >
                             </template>
@@ -360,7 +411,15 @@
                                 ]"
                                 :style="{
                                   fontFamily: item.sentArr[pIndex + 2].config.fontFamily,
-                                  height: '28px',
+                                  height:
+                                    attrib && attrib.font_size
+                                      ? attrib.font_size.replace('pt', '') * 1.4 + 'pt'
+                                      : '28px',
+                                  fontSize: attrib && attrib.font_size ? attrib.font_size : '20px',
+                                  lineHeight:
+                                    attrib && attrib.font_size
+                                      ? attrib.font_size.replace('pt', '') * 1.4 + 'pt'
+                                      : '28px',
                                   display: 'inline-block',
                                   color:
                                     isPlaying &&
@@ -390,6 +449,13 @@
                                   noFont.indexOf(item.sentArr[pIndex + 2].pinyin) > -1 ? 'noFont' : '',
                                 ]"
                                 style="text-align: left"
+                                :style="{
+                                  fontSize: attrib && attrib.pinyin_size ? attrib.pinyin_size : '14px',
+                                  height:
+                                    attrib && attrib.pinyin_size
+                                      ? attrib.pinyin_size.replace('pt', '') * 1.5 + 'pt'
+                                      : '22px',
+                                }"
                                 >{{ item.sentArr[pIndex + 2].pinyin }}</span
                               >
                             </template>
@@ -407,6 +473,13 @@
                                   sentIndex == index ? 'wordBlank' : '',
                                   noFont.indexOf(item.pinyin) > -1 ? 'noFont' : '',
                                 ]"
+                                :style="{
+                                  fontSize: attrib && attrib.pinyin_size ? attrib.pinyin_size : '14px',
+                                  height:
+                                    attrib && attrib.pinyin_size
+                                      ? attrib.pinyin_size.replace('pt', '') * 1.5 + 'pt'
+                                      : '22px',
+                                }"
                                 >{{ pItem.pinyin }}</span
                               >
                             </template>
@@ -436,7 +509,15 @@
                                 ]"
                                 :style="{
                                   fontFamily: pItem.config.fontFamily,
-                                  height: '28px',
+                                  height:
+                                    attrib && attrib.font_size
+                                      ? attrib.font_size.replace('pt', '') * 1.4 + 'pt'
+                                      : '28px',
+                                  fontSize: attrib && attrib.font_size ? attrib.font_size : '20px',
+                                  lineHeight:
+                                    attrib && attrib.font_size
+                                      ? attrib.font_size.replace('pt', '') * 1.4 + 'pt'
+                                      : '28px',
                                   display: 'inline-block',
                                   color:
                                     isPlaying &&
@@ -464,6 +545,13 @@
                                   pItem.className ? pItem.className : '',
                                   sentIndex == index ? 'wordBlank' : '',
                                 ]"
+                                :style="{
+                                  fontSize: attrib && attrib.pinyin_size ? attrib.pinyin_size : '14px',
+                                  height:
+                                    attrib && attrib.pinyin_size
+                                      ? attrib.pinyin_size.replace('pt', '') * 1.5 + 'pt'
+                                      : '22px',
+                                }"
                                 >{{ pItem.pinyin }}</span
                               >
                             </template>
@@ -1266,6 +1354,7 @@ export default {
 
     .NNPE-words {
       float: left;
+      padding-bottom: 5px;
 
       &-box {
         float: left;
@@ -1278,7 +1367,7 @@ export default {
             font-family: 'League';
             font-size: 14px;
             font-weight: normal;
-            line-height: 20px;
+            line-height: 1.5;
 
             &.noFont {
               font-family: initial;
@@ -1296,7 +1385,7 @@ export default {
           &.NNPE-chs {
             font-family: '楷体';
             font-size: 20px;
-            line-height: 28px;
+            line-height: 1.4;
 
             .active {
               color: #de4444;
@@ -1333,7 +1422,7 @@ export default {
           font-family: 'League';
           font-size: 14px;
           font-weight: normal;
-          line-height: 20px;
+          line-height: 1.5;
 
           &.noFont {
             font-family: initial;
@@ -1351,7 +1440,7 @@ export default {
         &.NNPE-chs {
           font-family: '楷体';
           font-size: 20px;
-          line-height: 28px;
+          line-height: 1.4;
 
           .active {
             color: #de4444;

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

@@ -110,6 +110,13 @@
                               pItem.className ? pItem.className : '',
                               noFont.indexOf(item.pinyin) > -1 ? 'noFont' : '',
                             ]"
+                            :style="{
+                              fontSize: attrib && attrib.pinyin_size ? attrib.pinyin_size : '14px',
+                              height:
+                                attrib && attrib.pinyin_size
+                                  ? attrib.pinyin_size.replace('pt', '') * 1.5 + 'pt'
+                                  : '22px',
+                            }"
                             >{{ pItem.pinyin }}</span
                           >
                           <span
@@ -124,7 +131,11 @@
                             ]"
                             :style="{
                               fontFamily: pItem.config.fontFamily,
-                              height: '28px',
+                              height:
+                                attrib && attrib.font_size ? attrib.font_size.replace('pt', '') * 1.4 + 'pt' : '28px',
+                              fontSize: attrib && attrib.font_size ? attrib.font_size : '20px',
+                              lineHeight:
+                                attrib && attrib.font_size ? attrib.font_size.replace('pt', '') * 1.4 + 'pt' : '28px',
                               display: 'inline-block',
                               color:
                                 paraIndex == pItem.paraIndex &&
@@ -143,6 +154,13 @@
                               pItem.className ? pItem.className : '',
                               noFont.indexOf(item.pinyin) > -1 ? 'noFont' : '',
                             ]"
+                            :style="{
+                              fontSize: attrib && attrib.pinyin_size ? attrib.pinyin_size : '14px',
+                              height:
+                                attrib && attrib.pinyin_size
+                                  ? attrib.pinyin_size.replace('pt', '') * 1.5 + 'pt'
+                                  : '22px',
+                            }"
                             >{{ pItem.pinyin }}</span
                           >
                         </span>
@@ -152,6 +170,13 @@
                             class="NNPE-pinyin"
                             :class="[noFont.indexOf(item.wordsList[pIndex + 1].pinyin) > -1 ? 'noFont' : '']"
                             style="text-align: left"
+                            :style="{
+                              fontSize: attrib && attrib.pinyin_size ? attrib.pinyin_size : '14px',
+                              height:
+                                attrib && attrib.pinyin_size
+                                  ? attrib.pinyin_size.replace('pt', '') * 1.5 + 'pt'
+                                  : '22px',
+                            }"
                             >{{ item.wordsList[pIndex + 1].pinyin }}</span
                           >
                           <span
@@ -159,7 +184,11 @@
                             style="text-align: left"
                             :style="{
                               fontFamily: item.wordsList[pIndex + 1].config.fontFamily,
-                              height: '28px',
+                              height:
+                                attrib && attrib.font_size ? attrib.font_size.replace('pt', '') * 1.4 + 'pt' : '28px',
+                              fontSize: attrib && attrib.font_size ? attrib.font_size : '20px',
+                              lineHeight:
+                                attrib && attrib.font_size ? attrib.font_size.replace('pt', '') * 1.4 + 'pt' : '28px',
                               display: 'inline-block',
                             }"
                             >{{
@@ -173,6 +202,13 @@
                             class="NNPE-pinyin"
                             :class="[noFont.indexOf(item.wordsList[pIndex + 1].pinyin) > -1 ? 'noFont' : '']"
                             style="text-align: left"
+                            :style="{
+                              fontSize: attrib && attrib.pinyin_size ? attrib.pinyin_size : '14px',
+                              height:
+                                attrib && attrib.pinyin_size
+                                  ? attrib.pinyin_size.replace('pt', '') * 1.5 + 'pt'
+                                  : '22px',
+                            }"
                             >{{ item.wordsList[pIndex + 1].pinyin }}</span
                           >
                         </span>
@@ -192,6 +228,13 @@
                               noFont.indexOf(item.wordsList[pIndex + 2].pinyin) > -1 ? 'noFont' : '',
                             ]"
                             style="text-align: left"
+                            :style="{
+                              fontSize: attrib && attrib.pinyin_size ? attrib.pinyin_size : '14px',
+                              height:
+                                attrib && attrib.pinyin_size
+                                  ? attrib.pinyin_size.replace('pt', '') * 1.5 + 'pt'
+                                  : '22px',
+                            }"
                             >{{ item.wordsList[pIndex + 2].pinyin }}</span
                           >
                           <span
@@ -209,7 +252,11 @@
                             ]"
                             :style="{
                               fontFamily: item.wordsList[pIndex + 2].config.fontFamily,
-                              height: '28px',
+                              height:
+                                attrib && attrib.font_size ? attrib.font_size.replace('pt', '') * 1.4 + 'pt' : '28px',
+                              fontSize: attrib && attrib.font_size ? attrib.font_size : '20px',
+                              lineHeight:
+                                attrib && attrib.font_size ? attrib.font_size.replace('pt', '') * 1.4 + 'pt' : '28px',
                               display: 'inline-block',
                             }"
                             >{{
@@ -225,6 +272,13 @@
                               noFont.indexOf(item.wordsList[pIndex + 2].pinyin) > -1 ? 'noFont' : '',
                             ]"
                             style="text-align: left"
+                            :style="{
+                              fontSize: attrib && attrib.pinyin_size ? attrib.pinyin_size : '14px',
+                              height:
+                                attrib && attrib.pinyin_size
+                                  ? attrib.pinyin_size.replace('pt', '') * 1.5 + 'pt'
+                                  : '22px',
+                            }"
                             >{{ item.wordsList[pIndex + 2].pinyin }}</span
                           >
                         </span>
@@ -239,6 +293,11 @@
                             noFont.indexOf(item.pinyin) > -1 ? 'noFont' : '',
                           ]"
                           @click="showWordDetail($event, pItem)"
+                          :style="{
+                            fontSize: attrib && attrib.pinyin_size ? attrib.pinyin_size : '14px',
+                            height:
+                              attrib && attrib.pinyin_size ? attrib.pinyin_size.replace('pt', '') * 1.5 + 'pt' : '22px',
+                          }"
                           >{{ pItem.pinyin }}</span
                         >
                         <span
@@ -252,7 +311,11 @@
                           ]"
                           :style="{
                             fontFamily: pItem.config.fontFamily,
-                            height: '28px',
+                            height:
+                              attrib && attrib.font_size ? attrib.font_size.replace('pt', '') * 1.4 + 'pt' : '28px',
+                            fontSize: attrib && attrib.font_size ? attrib.font_size : '20px',
+                            lineHeight:
+                              attrib && attrib.font_size ? attrib.font_size.replace('pt', '') * 1.4 + 'pt' : '28px',
                             display: 'inline-block',
                             color:
                               paraIndex == pItem.paraIndex &&
@@ -273,6 +336,11 @@
                             pItem.className ? pItem.className : '',
                             noFont.indexOf(item.pinyin) > -1 ? 'noFont' : '',
                           ]"
+                          :style="{
+                            fontSize: attrib && attrib.pinyin_size ? attrib.pinyin_size : '14px',
+                            height:
+                              attrib && attrib.pinyin_size ? attrib.pinyin_size.replace('pt', '') * 1.5 + 'pt' : '22px',
+                          }"
                           @click="showWordDetail($event, pItem)"
                           >{{ pItem.pinyin }}</span
                         >
@@ -1009,6 +1077,7 @@ export default {
 
     .NNPE-words {
       float: left;
+      padding-bottom: 5px;
 
       &-box {
         float: left;
@@ -1021,7 +1090,7 @@ export default {
             font-family: 'League';
             font-size: 14px;
             font-weight: normal;
-            line-height: 22px;
+            line-height: 1.5;
             color: #000;
 
             &.noFont {
@@ -1036,7 +1105,7 @@ export default {
           &.NNPE-chs {
             font-family: '楷体';
             font-size: 20px;
-            line-height: 28px;
+            line-height: 1.4;
             color: #000;
 
             &.active {
@@ -1074,7 +1143,7 @@ export default {
           font-family: 'League';
           font-size: 14px;
           font-weight: normal;
-          line-height: 22px;
+          line-height: 1.5;
           color: #000;
 
           &.noFont {
@@ -1089,7 +1158,7 @@ export default {
         &.NNPE-chs {
           font-family: '楷体';
           font-size: 20px;
-          line-height: 28px;
+          line-height: 1.4;
           color: #000;
 
           &.active {

src/web_preview/index.vue

@@ -22,10 +22,12 @@
     </div>
 
     <div class="audit-content">
-      <!-- 左侧菜单栏 - 收缩 -->
+      <!-- 左侧菜单栏 -->
       <aside v-if="navigationShow" class="left-menu">
         <div class="courseware-info">
-          <div class="cover-image"></div>
+          <div class="cover-image">
+            <img v-if="project.cover_image_file_url.length > 0" :src="project.cover_image_file_url" alt="" />
+          </div>
           <div class="info-content">
             <div class="catalogue-icon">
               <SvgIcon icon-class="catalogue" size="54" />
@@ -34,6 +36,14 @@
               <div class="name nowrap-ellipsis" :title="courseware_info.book_name">
                 {{ courseware_info.book_name }}
               </div>
+              <div>
+                <span>主编 </span>
+                <span>{{ project.editor }}</span>
+              </div>
+              <div>
+                <span>副主编 </span>
+                <span>{{ project.associate_editor }}</span>
+              </div>
             </div>
           </div>
         </div>
@@ -90,7 +100,7 @@ import CoursewarePreview from '@/views/book/courseware/preview/CoursewarePreview
 import { isTrue } from '@/utils/validate';
 import * as OpenCC from 'opencc-js';
 
-import { GetBookCoursewareInfo, GetCoursewareAuditRemarkList } from '@/api/project';
+import { GetBookCoursewareInfo, GetCoursewareAuditRemarkList, GetProjectInfo } from '@/api/project';
 import {
   ContentGetCoursewareContent_View,
   ChapterGetBookChapterStructExpandList,
@@ -157,6 +167,12 @@ export default {
       unified_attrib: {},
       curSelectId: this.id,
       navigationShow: true,
+      project: {
+        editor: '', // 主编
+        associate_editor: '', // 副主编
+        cover_image_file_id: null, // 封面图片ID
+        cover_image_file_url: '', // 封面图片URL
+      },
     };
   },
   watch: {
@@ -174,6 +190,7 @@ export default {
     this.getBookBaseInfo();
     this.getBookChapterStructExpandList();
     this.getBookUnifiedAttr();
+    this.getProjectInfo();
   },
   methods: {
     getBookBaseInfo() {
@@ -182,6 +199,12 @@ export default {
       });
     },
 
+    getProjectInfo() {
+      GetProjectInfo({ id: this.projectId }).then(({ project_info }) => {
+        this.project = project_info;
+      });
+    },
+
     /**
      * 得到教材课件信息
      * @param {string} id - 课件ID
@@ -508,6 +531,11 @@ $total-width: $courseware-width + $courseware-left-margin + $courseware-right-ma
           width: 111px;
           height: 157px;
           background-color: rgba(229, 229, 229, 100%);
+
+          img {
+            width: 100%;
+            height: 100%;
+          }
         }
 
         .info-content {