语料库 例句字号大小联动完善

src/views/corpus/Result.vue

@@ -199,23 +199,31 @@
                       :class="['speaker-' + sizeIndex + '-' + pinyinShow]"
                      -->
                     <img src="../../assets/teacherdev/speaker-one.png" alt="" />
-                    <div class="words" v-html="item.res"></div>
-                    <!-- 
-                      :class="['shiyi-' + sizeIndex]"
-                     -->
-                    <div
-                      class="shiyi"
-                      v-if="shiyiShow && item.word_definition_list.length > 0"
-                    >
-                      （
+                    <div class="words">
                       <span
-                        v-for="(items, indexs) in item.word_definition_list"
-                        :key="indexs"
-                        v-html="items"
+                        :style="{
+                          fontSize: conSize + 'px',
+                        }"
+                        v-html="item.res"
+                      ></span>
+                      <template
+                        v-if="shiyiShow && item.word_definition_list.length > 0"
                       >
-                      </span>
-                      ）
+                        <span class="shiyi">
+                          （
+                          <span
+                            v-for="(items, indexs) in item.word_definition_list"
+                            :key="indexs"
+                            v-html="items"
+                          >
+                          </span>
+                          ）
+                        </span>
+                      </template>
                     </div>
+                    <!-- 
+                      :class="['shiyi-' + sizeIndex]"
+                     -->
                   </div>
                   <div class="bottom">
                     {{ item.source_courseware_name_path }}
@@ -289,7 +297,7 @@
             </div>
           </div>
           <div id="shanxing_main" style="height: 398px"></div>
-          <div class="list" v-if="rightList.length>0">
+          <div class="list" v-if="rightList.length > 0">
             <div
               v-for="(item, i) in rightList"
               :key="i + 'right'"
@@ -305,7 +313,7 @@
                 <span></span>
                 <span v-html="item.book_name"></span>
               </div>
-              <div style="width: 10%;">
+              <div style="width: 10%">
                 <span>{{ item.count }}</span>
               </div>
               <div style="width: 30%">
@@ -317,7 +325,7 @@
                 <span></span>
                 <span>合计</span>
               </div>
-              <div style="width: 10%;">
+              <div style="width: 10%">
                 <span>{{ allNumber }}</span>
               </div>
               <div style="width: 30%">
@@ -679,11 +687,11 @@ export default {
               JSON.stringify(this.allList.sentence_list)
             );
             this.padingEvetn();
-          }else{
-             this.CurrentList = []
-             this.ShowList = []
-             this.rightList = []
-             this.getrightListdata();
+          } else {
+            this.CurrentList = [];
+            this.ShowList = [];
+            this.rightList = [];
+            this.getrightListdata();
           }
           if (this.$route.query.keyword && flag) {
             this.changehzdata();
@@ -1226,6 +1234,7 @@ export default {
                 // align-items: flex-end;
                 // flex-flow: wrap;
                 font-family: "FZJCGFKTK";
+                word-break: break-all;
                 > div {
                   .pinyin {
                     font-family: "GB-PINYINOK-B";