句子拆分

src/components/Adult/phonePreview/ConfigurableTable.vue

@@ -361,7 +361,7 @@ export default {
       type: String
     },
     baseSizePhone: {
-      type: String
+      type: Number
     }
   },
   data() {

src/components/Adult/phonePreview/SentenceModule.vue

@@ -71,12 +71,7 @@
             ]"
             v-for="(items, indexs) in userErrorList"
             :key="'sent-option-items' + judgeAnswer + indexs"
-            :style="{
-              width:
-                curQue.sortType == 'col'
-                  ? itemsWidth + 'px'
-                  : Math.floor(732 / curQue.option.length) - 16 + 'px'
-            }"
+            :style="{}"
           >
             <div
               :class="[
@@ -209,7 +204,7 @@
                         :pyNumber="items.pyNumber && items.pyNumber[sdIndex]"
                         :record_check="sdItem.fn_check_list.record_check"
                         :hengLeg="sdItem.hengLeg"
-                        :maxFontsize="sdItem.maxFontsize"
+                        :maxFontsize="baseSizePhone + 6"
                         :textIndent="sdItem.textindent"
                       />
                       <template
@@ -460,7 +455,11 @@
             v-for="(items, indexs) in item"
             :key="'sent-option-items' + index + indexs"
             :style="{
-              width: curQue.sortType == 'col' ? itemsWidth + 'px' : '100%'
+              width:
+                curQue.sortType == 'col' && item.length > 2
+                  ? itemsWidth + 'px'
+                  : '100%',
+              margin: curQue.sortType == 'col' && item.length > 2 ? '8px' : ''
             }"
           >
             <div
@@ -600,7 +599,7 @@
                         :pyNumber="items.pyNumber && items.pyNumber[sdIndex]"
                         :record_check="sdItem.fn_check_list.record_check"
                         :hengLeg="sdItem.hengLeg"
-                        :maxFontsize="sdItem.maxFontsize"
+                        :maxFontsize="baseSizePhone + 6"
                         :textIndent="sdItem.textindent"
                       />
                       <template
@@ -859,7 +858,7 @@
 <script>
 import AudioLine from "../preview/AudioLine.vue";
 import AudioItem from "./components/AudioItem.vue";
-import OneSentenceTemp from "./components/OneSentenceTemp.vue";
+import OneSentenceTemp from "../phonePreview/components/OneSentenceTemp.vue";
 import JudgeTemp from "./components/JudgeTemp.vue";
 import ShortInputTemp from "./components/ShortInputTemp.vue";
 import NumberStyle from "./components/NumberStyle.vue";
@@ -878,7 +877,7 @@ export default {
     ShortInputTemp,
     OptionTemp
   },
-  props: ["curQue", "themeColor", "TaskModel", "judgeAnswer"],
+  props: ["curQue", "themeColor", "TaskModel", "judgeAnswer", "baseSizePhone"],
   data() {
     return {
       curTime: 0,
@@ -1219,14 +1218,16 @@ export default {
       }
 
       this.$set(this.curQue, "option", option);
-      let contentWidth = 780;
+      let contentWidth = window.innerWidth;
       if (this.curQue.img_list && this.curQue.img_list.length > 0) {
-        contentWidth = 780 - this.curQue.img_size;
+        contentWidth = window.innerWidth - this.curQue.img_size;
       }
       if (itemLeg == 1) {
-        this.itemsWidth = 780;
+        this.itemsWidth = window.innerWidth;
       } else {
-        this.itemsWidth = Math.floor(contentWidth / itemLeg) - 16;
+        this.itemsWidth = Math.floor(
+          contentWidth / (itemLeg > 4 ? 4 : itemLeg)
+        );
       }
 
       // 把答错的挑出来
@@ -1439,9 +1440,9 @@ export default {
       }
 
       this.$set(this.curQue, "option", option);
-      let contentWidth = 732;
+      let contentWidth = window.innerWidth - 48;
       if (this.curQue.img_list && this.curQue.img_list.length > 0) {
-        contentWidth = 732 - this.curQue.img_size;
+        contentWidth = window.innerWidth - 48 - this.curQue.img_size;
       }
       this.itemsWidth = Math.floor(contentWidth / itemLeg);
     },
@@ -1522,14 +1523,15 @@ export default {
     .sent-option {
       &.li-flex {
         display: flex;
+        flex-flow: wrap;
         margin: 0px;
         .sent-option-items {
           &-0 {
             margin: 8px 0; // 单列左右间距去掉
           }
           &-8 {
-            margin-left: 7px;
-            margin-right: 8px;
+            // margin-left: 7px;
+            // margin-right: 8px;
           }
         }
       }
@@ -1546,11 +1548,11 @@ export default {
       flex-direction: row;
       justify-content: flex-start;
       box-sizing: border-box;
-      background: #ffffff;
+      // background: #ffffff;
       border: 1px solid rgba(0, 0, 0, 0.1);
       border-radius: 8px;
       margin: 8px 0;
-      padding: 8px 12px;
+      padding: 8px 0;
       .number-box {
         width: 16px;
         height: 30px;
@@ -1589,9 +1591,10 @@ export default {
     .sent-stem {
       flex: 1;
       display: flex;
-      background: #fff;
+      // background: #fff;
       .stem-content {
         flex: 1;
+        padding: 0 5px;
       }
       .number-box {
         // &-hasPY {
@@ -1673,7 +1676,7 @@ export default {
     }
   }
   .record-common {
-    background: #ffffff;
+    // background: #ffffff;
     border: 1px solid rgba(0, 0, 0, 0.1);
     box-sizing: border-box;
     border-radius: 8px;
@@ -1697,7 +1700,7 @@ export default {
   }
   .promax-box-div {
     width: 100%;
-    background: #ffffff;
+    // background: #ffffff;
     border: 1px solid rgba(0, 0, 0, 0.1);
     box-sizing: border-box;
     border-radius: 0px 0px 8px 8px;

src/components/Adult/phonePreview/components/OneSentenceTemp.vue

@@ -5,39 +5,35 @@
     v-if="detail"
   >
     <template v-if="detail.wordsList && detail.wordsList.length > 0">
-      <div :class="[
-          'NPC-words',
-          pyNumber > 0 ? 'NPC-words-hasPY' : '',
-        ]" :style="{width:detail.wordsList[0].fontSize,height:detail.wordsList[0].fontSize.replace('px', '')*1.5+'px'}" v-if="textIndent"></div>
-      <div :class="[
-          'NPC-words',
-          pyNumber > 0 ? 'NPC-words-hasPY' : '',
-        ]" :style="{width:detail.wordsList[0].fontSize,height:detail.wordsList[0].fontSize.replace('px', '')*1.5+'px'}" v-if="textIndent"></div>
+      <div
+        :class="['NPC-words', pyNumber > 0 ? 'NPC-words-hasPY' : '']"
+        :style="{ width: maxFontsize + 'px', height: maxFontsize * 1.5 + 'px' }"
+        v-if="textIndent"
+      ></div>
+      <div
+        :class="['NPC-words', pyNumber > 0 ? 'NPC-words-hasPY' : '']"
+        :style="{ width: maxFontsize + 'px', height: maxFontsize * 1.5 + 'px' }"
+        v-if="textIndent"
+      ></div>
       <div
         :class="[
           'NPC-words',
           pyNumber > 0 ? 'NPC-words-hasPY' : '',
-          pItem.isHeng ? 'NPC-words-auto' : '',
+          pItem.isHeng ? 'NPC-words-auto' : ''
         ]"
         v-for="(pItem, pIndex) in detail.wordsList"
         :key="'wordsList' + pIndex"
         :style="{
-            paddingLeft:
-              pItem.wordPadding.indexOf('left') > -1 
-                ? '2px'
-                : '',
-            paddingRight:
-              pItem.wordPadding.indexOf('right') > -1
-                ? '2px'
-                : '',
+          paddingLeft: pItem.wordPadding.indexOf('left') > -1 ? '2px' : '',
+          paddingRight: pItem.wordPadding.indexOf('right') > -1 ? '2px' : ''
         }"
       >
         <template v-if="pItem.isShow">
           <template
             v-if="
               detail.wordsList[pIndex + 1] &&
-              detail.wordsList[pIndex + 1].chs &&
-              chsFhList.indexOf(detail.wordsList[pIndex + 1].chs) > -1
+                detail.wordsList[pIndex + 1].chs &&
+                chsFhList.indexOf(detail.wordsList[pIndex + 1].chs) > -1
             "
           >
             <span class="NPC-words-box">
@@ -48,10 +44,10 @@
                   pItem.pinyin && noFont.indexOf(pItem.pinyin) > -1
                     ? 'noFont'
                     : '',
-                  pItem.underLine ? 'NPC-pinyin-underline' : '',
+                  pItem.underLine ? 'NPC-pinyin-underline' : ''
                 ]"
                 :style="{
-                    color: pyColors ? pyColors : ''
+                  color: pyColors ? pyColors : ''
                 }"
                 >{{ pItem.pinyin | handlePY }}</span
               >
@@ -60,10 +56,10 @@
                   :class="[
                     'NPC-chs',
                     pItem.fontColor == 'sub' ? 'NPC-chs-sub' : '',
-                    pItem.underLine ? 'NPC-chs-underline' : '',
+                    pItem.underLine ? 'NPC-chs-underline' : ''
                   ]"
                   :style="{
-                    fontSize: pItem.fontSize,
+                    fontSize: maxFontsize + 'px',
                     color: pItem.fontColor != 'sub' ? pItem.fontColor : '',
                     fontFamily: pItem.fontFamily,
                     lineHeight: (maxFontsize * 3) / 2 + 'px',
@@ -79,9 +75,11 @@
                       <EditDiv
                         :id="
                           'sentence_' +
-                          Math.random().toString(36).substr(2) +
-                          '_' +
-                          pItem.hengIndex
+                            Math.random()
+                              .toString(36)
+                              .substr(2) +
+                            '_' +
+                            pItem.hengIndex
                         "
                         :class="[
                           'answer-input userRight',
@@ -90,7 +88,7 @@
                           Bookanswer.completeInput[pItem.hengIndex]
                             .input_Isexample
                             ? 'answer-input-example'
-                            : '',
+                            : ''
                         ]"
                         v-html="correctAnswer[pItem.hengIndex]"
                         :canEdit="
@@ -106,19 +104,27 @@
                           'min-width': hengLeg ? hengLeg * 60 + 'px' : '',
                           textAlign: detail.hengList[pIndex]
                             ? 'center'
-                            : detail.config.conAlign?detail.config.conAlign:'left',
-                          fontFamily: pItem.fontFamily,
+                            : detail.config.conAlign
+                            ? detail.config.conAlign
+                            : 'left',
+                          fontFamily: pItem.fontFamily
                         }"
-                        :textAlign="detail.config.conAlign?detail.config.conAlign:'left'"
+                        :textAlign="
+                          detail.config.conAlign
+                            ? detail.config.conAlign
+                            : 'left'
+                        "
                       />
                     </template>
                     <template v-else>
                       <EditDiv
                         :id="
                           'sentence_' +
-                          Math.random().toString(36).substr(2) +
-                          '_' +
-                          pItem.hengIndex
+                            Math.random()
+                              .toString(36)
+                              .substr(2) +
+                            '_' +
+                            pItem.hengIndex
                         "
                         :class="[
                           'answer-input userRight',
@@ -127,7 +133,7 @@
                           Bookanswer.completeInput[pItem.hengIndex]
                             .input_Isexample
                             ? 'answer-input-example'
-                            : '',
+                            : ''
                         ]"
                         v-model="
                           Bookanswer.completeInput[pItem.hengIndex].answer
@@ -145,10 +151,16 @@
                           'min-width': hengLeg ? hengLeg * 60 + 'px' : '',
                           textAlign: detail.hengList[pIndex]
                             ? 'center'
-                            : detail.config.conAlign?detail.config.conAlign:'left',
-                          fontFamily: pItem.fontFamily,
+                            : detail.config.conAlign
+                            ? detail.config.conAlign
+                            : 'left',
+                          fontFamily: pItem.fontFamily
                         }"
-                        :textAlign="detail.config.conAlign?detail.config.conAlign:'left'"
+                        :textAlign="
+                          detail.config.conAlign
+                            ? detail.config.conAlign
+                            : 'left'
+                        "
                       />
                     </template>
                   </template>
@@ -156,9 +168,11 @@
                     <EditDiv
                       :id="
                         'sentence_' +
-                        Math.random().toString(36).substr(2) +
-                        '_' +
-                        pItem.hengIndex
+                          Math.random()
+                            .toString(36)
+                            .substr(2) +
+                          '_' +
+                          pItem.hengIndex
                       "
                       :class="[
                         'answer-input',
@@ -187,7 +201,7 @@
                             correctAnswer[pItem.hengIndex] !=
                               Bookanswer.completeInput[pItem.hengIndex].answer
                           ? 'userError'
-                          : '',
+                          : ''
                       ]"
                       v-model="Bookanswer.completeInput[pItem.hengIndex].answer"
                       :canEdit="
@@ -202,13 +216,17 @@
                         lineHeight: (maxFontsize * 3) / 2.1 + 'px',
                         'min-width': hengLeg ? hengLeg * 60 + 'px' : '',
                         textAlign: detail.hengList[pIndex]
-                            ? 'center'
-                            : detail.config.conAlign?detail.config.conAlign:'left',
-                        fontFamily: pItem.fontFamily,
+                          ? 'center'
+                          : detail.config.conAlign
+                          ? detail.config.conAlign
+                          : 'left',
+                        fontFamily: pItem.fontFamily
                       }"
                       @saveBlankTF="saveBlankTF"
                       :hengIndex="pItem.hengIndex"
-                      :textAlign="detail.config.conAlign?detail.config.conAlign:'left'"
+                      :textAlign="
+                        detail.config.conAlign ? detail.config.conAlign : 'left'
+                      "
                     />
                   </template>
                 </template>
@@ -217,7 +235,7 @@
                     v-if="pItem.chs != '#'"
                     class="NPC-chs'"
                     :style="{
-                      fontSize: pItem.fontSize,
+                      fontSize: maxFontsize + 'px',
                       color: pItem.fontColor != 'sub' ? pItem.fontColor : '',
                       fontFamily: pItem.fontFamily,
                       lineHeight: (maxFontsize * 3) / 2 + 'px',
@@ -226,7 +244,7 @@
                     :class="[
                       pItem.chs != '“' && pItem.padding ? 'padding' : '',
                       pItem.fontColor == 'sub' ? 'NPC-chs-sub' : '',
-                      pItem.underLine ? 'NPC-chs-underline' : '',
+                      pItem.underLine ? 'NPC-chs-underline' : ''
                     ]"
                     >{{ pItem.chs }}</span
                   >
@@ -235,9 +253,12 @@
               <span
                 v-if="pyNumber > 0 && pyPosition == 'bottom'"
                 class="NPC-pinyin"
-                :class="[noFont.indexOf(pItem.pinyin) > -1 ? 'noFont' : '',pItem.underLine ? 'NPC-pinyin-underline' : '',]"
+                :class="[
+                  noFont.indexOf(pItem.pinyin) > -1 ? 'noFont' : '',
+                  pItem.underLine ? 'NPC-pinyin-underline' : ''
+                ]"
                 :style="{
-                    color: pyColors ? pyColors : ''
+                  color: pyColors ? pyColors : ''
                 }"
                 >{{ pItem.pinyin | handlePY }}</span
               >
@@ -250,10 +271,12 @@
                   noFont.indexOf(detail.wordsList[pIndex + 1].pinyin) > -1
                     ? 'noFont'
                     : '',
-                  detail.wordsList[pIndex + 1].underLine ? 'NPC-pinyin-underline' : '',
+                  detail.wordsList[pIndex + 1].underLine
+                    ? 'NPC-pinyin-underline'
+                    : ''
                 ]"
                 :style="{
-                    color: pyColors ? pyColors : ''
+                  color: pyColors ? pyColors : ''
                 }"
                 style="text-align: left"
                 >{{ detail.wordsList[pIndex + 1].pinyin | handlePY }}</span
@@ -267,10 +290,10 @@
                     : '',
                   detail.wordsList[pIndex + 1].underLine
                     ? 'NPC-chs-underline'
-                    : '',
+                    : ''
                 ]"
                 :style="{
-                  fontSize: pItem.fontSize,
+                  fontSize: maxFontsize + 'px',
                   color:
                     detail.wordsList[pIndex + 1].fontColor != 'sub'
                       ? detail.wordsList[pIndex + 1].fontColor
@@ -289,10 +312,12 @@
                   noFont.indexOf(detail.wordsList[pIndex + 1].pinyin) > -1
                     ? 'noFont'
                     : '',
-                  detail.wordsList[pIndex + 1].underLine ? 'NPC-pinyin-underline' : '',
+                  detail.wordsList[pIndex + 1].underLine
+                    ? 'NPC-pinyin-underline'
+                    : ''
                 ]"
                 :style="{
-                    color: pyColors ? pyColors : ''
+                  color: pyColors ? pyColors : ''
                 }"
                 style="text-align: left"
                 >{{ detail.wordsList[pIndex + 1].pinyin | handlePY }}</span
@@ -302,8 +327,8 @@
               class="NPC-words-box"
               v-if="
                 detail.wordsList[pIndex + 2] &&
-                detail.wordsList[pIndex + 2].chs &&
-                chsFhList.indexOf(detail.wordsList[pIndex + 2].chs) > -1
+                  detail.wordsList[pIndex + 2].chs &&
+                  chsFhList.indexOf(detail.wordsList[pIndex + 2].chs) > -1
               "
             >
               <span
@@ -313,10 +338,12 @@
                   noFont.indexOf(detail.wordsList[pIndex + 2].pinyin) > -1
                     ? 'noFont'
                     : '',
-                  detail.wordsList[pIndex + 2].underLine ? 'NPC-pinyin-underline' : '',
+                  detail.wordsList[pIndex + 2].underLine
+                    ? 'NPC-pinyin-underline'
+                    : ''
                 ]"
                 :style="{
-                    color: pyColors ? pyColors : ''
+                  color: pyColors ? pyColors : ''
                 }"
                 style="text-align: left"
                 >{{ detail.wordsList[pIndex + 2].pinyin }}</span
@@ -327,10 +354,10 @@
                   pItem.fontColor == 'sub' ? 'NPC-chs-sub' : '',
                   detail.wordsList[pIndex + 2].underLine
                     ? 'NPC-chs-underline'
-                    : '',
+                    : ''
                 ]"
                 :style="{
-                  fontSize: pItem.fontSize,
+                  fontSize: maxFontsize + 'px',
                   color: pItem.fontColor != 'sub' ? pItem.fontColor : '',
                   fontFamily: detail.wordsList[pIndex + 2].fontFamily,
                   lineHeight: (maxFontsize * 3) / 2 + 'px',
@@ -345,10 +372,12 @@
                   noFont.indexOf(detail.wordsList[pIndex + 2].pinyin) > -1
                     ? 'noFont'
                     : '',
-                  detail.wordsList[pIndex + 2].underLine ? 'NPC-pinyin-underline' : '',
+                  detail.wordsList[pIndex + 2].underLine
+                    ? 'NPC-pinyin-underline'
+                    : ''
                 ]"
                 :style="{
-                    color: pyColors ? pyColors : ''
+                  color: pyColors ? pyColors : ''
                 }"
                 style="text-align: left"
                 >{{ detail.wordsList[pIndex + 2].pinyin }}</span
@@ -364,7 +393,7 @@
               :class="[
                 pItem.chs != '“' && pItem.padding ? 'padding' : '',
                 noFont.indexOf(pItem.pinyin) > -1 ? 'noFont' : '',
-                pItem.underLine ? 'NPC-pinyin-underline' : '',
+                pItem.underLine ? 'NPC-pinyin-underline' : ''
               ]"
               :style="{
                 color: pyColors ? pyColors : ''
@@ -376,7 +405,7 @@
                 v-if="pItem.chs != '#'"
                 class="NPC-chs"
                 :style="{
-                  fontSize: pItem.fontSize,
+                  fontSize: maxFontsize + 'px',
                   color: pItem.fontColor != 'sub' ? pItem.fontColor : '',
                   fontFamily: pItem.fontFamily,
                   lineHeight: (maxFontsize * 3) / 2 + 'px',
@@ -385,7 +414,7 @@
                 :class="[
                   pItem.chs != '“' && pItem.padding ? 'padding' : '',
                   pItem.fontColor == 'sub' ? 'NPC-chs-sub' : '',
-                  pItem.underLine ? 'NPC-chs-underline' : '',
+                  pItem.underLine ? 'NPC-chs-underline' : ''
                 ]"
                 >{{ pItem.chs }}</span
               >
@@ -398,9 +427,11 @@
                     <EditDiv
                       :id="
                         'sentence_' +
-                        Math.random().toString(36).substr(2) +
-                        '_' +
-                        pItem.hengIndex
+                          Math.random()
+                            .toString(36)
+                            .substr(2) +
+                          '_' +
+                          pItem.hengIndex
                       "
                       :class="[
                         'answer-input userRight',
@@ -409,7 +440,7 @@
                         Bookanswer.completeInput[pItem.hengIndex]
                           .input_Isexample
                           ? 'answer-input-example'
-                          : '',
+                          : ''
                       ]"
                       v-html="correctAnswer[pItem.hengIndex]"
                       :canEdit="
@@ -424,20 +455,26 @@
                         lineHeight: (maxFontsize * 3) / 2.1 + 'px',
                         'min-width': hengLeg ? hengLeg * 60 + 'px' : '',
                         textAlign: detail.hengList[pIndex]
-                            ? 'center'
-                            : detail.config.conAlign?detail.config.conAlign:'left',
-                        fontFamily: pItem.fontFamily,
+                          ? 'center'
+                          : detail.config.conAlign
+                          ? detail.config.conAlign
+                          : 'left',
+                        fontFamily: pItem.fontFamily
                       }"
-                      :textAlign="detail.config.conAlign?detail.config.conAlign:'left'"
+                      :textAlign="
+                        detail.config.conAlign ? detail.config.conAlign : 'left'
+                      "
                     />
                   </template>
                   <template v-else>
                     <EditDiv
                       :id="
                         'sentence_' +
-                        Math.random().toString(36).substr(2) +
-                        '_' +
-                        pItem.hengIndex
+                          Math.random()
+                            .toString(36)
+                            .substr(2) +
+                          '_' +
+                          pItem.hengIndex
                       "
                       :class="[
                         'answer-input userRight',
@@ -446,7 +483,7 @@
                         Bookanswer.completeInput[pItem.hengIndex]
                           .input_Isexample
                           ? 'answer-input-example'
-                          : '',
+                          : ''
                       ]"
                       v-model="Bookanswer.completeInput[pItem.hengIndex].answer"
                       :canEdit="
@@ -461,11 +498,15 @@
                         lineHeight: (maxFontsize * 3) / 2.1 + 'px',
                         'min-width': hengLeg ? hengLeg * 60 + 'px' : '',
                         textAlign: detail.hengList[pIndex]
-                            ? 'center'
-                            : detail.config.conAlign?detail.config.conAlign:'left',
-                        fontFamily: pItem.fontFamily,
+                          ? 'center'
+                          : detail.config.conAlign
+                          ? detail.config.conAlign
+                          : 'left',
+                        fontFamily: pItem.fontFamily
                       }"
-                      :textAlign="detail.config.conAlign?detail.config.conAlign:'left'"
+                      :textAlign="
+                        detail.config.conAlign ? detail.config.conAlign : 'left'
+                      "
                     />
                   </template>
                 </template>
@@ -473,9 +514,11 @@
                   <EditDiv
                     :id="
                       'sentence_' +
-                      Math.random().toString(36).substr(2) +
-                      '_' +
-                      pItem.hengIndex
+                        Math.random()
+                          .toString(36)
+                          .substr(2) +
+                        '_' +
+                        pItem.hengIndex
                     "
                     :class="[
                       'answer-input',
@@ -503,7 +546,7 @@
                           correctAnswer[pItem.hengIndex] !=
                             Bookanswer.completeInput[pItem.hengIndex].answer
                         ? 'userError'
-                        : '',
+                        : ''
                     ]"
                     v-model="Bookanswer.completeInput[pItem.hengIndex].answer"
                     :canEdit="
@@ -518,13 +561,17 @@
                       lineHeight: (maxFontsize * 3) / 2.1 + 'px',
                       'min-width': hengLeg ? hengLeg * 60 + 'px' : '',
                       textAlign: detail.hengList[pIndex]
-                            ? 'center'
-                            : detail.config.conAlign?detail.config.conAlign:'left',
-                      fontFamily: pItem.fontFamily,
+                        ? 'center'
+                        : detail.config.conAlign
+                        ? detail.config.conAlign
+                        : 'left',
+                      fontFamily: pItem.fontFamily
                     }"
                     @saveBlankTF="saveBlankTF"
                     :hengIndex="pItem.hengIndex"
-                    :textAlign="detail.config.conAlign?detail.config.conAlign:'left'"
+                    :textAlign="
+                      detail.config.conAlign ? detail.config.conAlign : 'left'
+                    "
                   />
                 </template>
               </template>
@@ -533,7 +580,7 @@
                   v-if="pItem.chs != '#'"
                   class="NPC-chs"
                   :style="{
-                    fontSize: pItem.fontSize,
+                    fontSize: maxFontsize + 'px',
                     color: pItem.fontColor,
                     textAlign: 'left',
                     fontFamily: pItem.fontFamily,
@@ -542,7 +589,7 @@
                   }"
                   :class="[
                     pItem.chs != '“' && pItem.padding ? 'padding' : '',
-                    pItem.underLine ? 'NPC-chs-underline' : '',
+                    pItem.underLine ? 'NPC-chs-underline' : ''
                   ]"
                   >{{ pItem.chs }}</span
                 >
@@ -554,7 +601,7 @@
               :class="[
                 pItem.chs != '“' && pItem.padding ? 'padding' : '',
                 noFont.indexOf(pItem.pinyin) > -1 ? 'noFont' : '',
-                pItem.underLine ? 'NPC-pinyin-underline' : '',
+                pItem.underLine ? 'NPC-pinyin-underline' : ''
               ]"
               :style="{
                 color: pyColors ? pyColors : ''
@@ -569,7 +616,9 @@
       <div
         :class="[
           'sentence',
-          detail.config&&detail.config.fontColor == 'sub' ? 'sentenceColor' : '',
+          detail.config && detail.config.fontColor == 'sub'
+            ? 'sentenceColor'
+            : ''
         ]"
         v-for="(item, index) in detail.sentenceArr"
         :key="'sentenceArr' + index"
@@ -577,8 +626,8 @@
         :style="[
           sentenceStyle,
           {
-            'line-height': (detail.maxFontsize * 3) / 2 + 'px',
-          },
+            'line-height': (detail.maxFontsize * 3) / 2 + 'px'
+          }
         ]"
       ></div>
     </template>
@@ -586,7 +635,9 @@
       <div
         :class="[
           'sentence',
-          detail.config&&detail.config.fontColor == 'sub' ? 'sentenceColor' : '',
+          detail.config && detail.config.fontColor == 'sub'
+            ? 'sentenceColor'
+            : ''
         ]"
         v-html="detail.sentence"
         :style="[
@@ -595,7 +646,7 @@
             'line-height': (maxFontsize * 3) / 2 + 'px',
             'text-indent': textIndent ? '2em' : '0'
           },
-          sentenceStyle,
+          sentenceStyle
         ]"
       ></div>
     </template>
@@ -636,13 +687,13 @@ export default {
         py = pinyin;
       }
       return py;
-    },
+    }
   },
   data() {
     return {
       noFont: ["~", "!", "@", "#", "$", "%", "^", "&", "*", "(", ")", "/"],
       chsFhList: ["，", "。", "”", "：", "》", "？", "！", "；"],
-      enFhList: [",", ".", ";", "?", "!", ":", ">", "<"],
+      enFhList: [",", ".", ";", "?", "!", ":", ">", "<"]
     };
   },
   computed: {
@@ -651,13 +702,15 @@ export default {
       let _this = this;
 
       if (
-        _this.fn_check_list&&_this.fn_check_list.sent_check == "sentence_long_input_chs" &&
+        _this.fn_check_list &&
+        _this.fn_check_list.sent_check == "sentence_long_input_chs" &&
         _this.fn_check_list.style_check == "sentence_input_chs"
       ) {
         classname = "answer-input-input";
       }
       if (
-       _this.fn_check_list&& _this.fn_check_list.sent_check == "sentence_long_input_chs" &&
+        _this.fn_check_list &&
+        _this.fn_check_list.sent_check == "sentence_long_input_chs" &&
         _this.fn_check_list.style_check == "sentence_textarea_chs"
       ) {
         classname = "answer-input-textarea";
@@ -684,7 +737,7 @@ export default {
         };
       }
       return styleConfig;
-    },
+    }
   },
   watch: {},
   //方法集合
@@ -742,7 +795,7 @@ export default {
           );
         }
       }
-    },
+    }
   },
   //生命周期 - 创建完成（可以访问当前this实例）
   created() {},
@@ -754,10 +807,10 @@ export default {
   updated() {}, //生命周期 - 更新之后
   beforeDestroy() {}, //生命周期 - 销毁之前
   destroyed() {}, //生命周期 - 销毁完成
-  activated() {}, //如果页面有keep-alive缓存功能，这个函数会触发
+  activated() {} //如果页面有keep-alive缓存功能，这个函数会触发
 };
 </script>
-<style lang='scss' scoped>
+<style lang="scss" scoped>
 //@import url(); 引入公共css类
 // //@import "../common.scss";
 .npc-sentence-temp {
@@ -931,4 +984,4 @@ export default {
     //@include font_color("sub_color");
   }
 }
-</style>
+</style>