修改数学公式不换行问题，html文件第一个显示报错和切换的时候是第一个也会报错

src/components/components/askStatic2.vue

@@ -25,7 +25,7 @@
               <div
                 style="
                   width: auto;
-                  display: block;
+                  display: flex;
                   white-space: nowrap;
                   overflow: hidden;
                   text-overflow: ellipsis;

src/components/components/choseWorksDetailDialog.vue

@@ -85,7 +85,7 @@
                         >
                           (多选题)
                         </div>
-                        <div>题目：<span v-html="renderedFormula(item1.teststitle)"></span></div>
+                        <div style="display: flex;align-items: center;">题目：<span v-html="renderedFormula(item1.teststitle)"></span></div>
                       </div>
                       <img
                         v-if="item1.img"
@@ -335,9 +335,9 @@
                         :key="index1"
                       >
                         <div class="a_add_head">
-                          <div style="display: flex">
+                          <div style="display: flex;">
                             <span class="askIndex"> {{ index1 + 1 }}</span>
-                            <div>题目：{{ testData.askJson[index1].askstitle }}</div>
+                            <div style="display: flex;align-items: center;">题目：{{ testData.askJson[index1].askstitle }}</div>
                           </div>
                           <img
                             v-if="testData.askJson[index1].img"
@@ -1040,6 +1040,7 @@
                     </svg>
 
                     <span
+                    style="display: flex;align-items: center;"
                       >{{
                         typeof item.answer === "number"
                           ? "单选题："

src/components/components/studentWorkPreviewDialog.vue

@@ -37,6 +37,7 @@
                   </svg>
 
                   <span
+                    style="display: flex;align-items: center;"
                     >{{ item.type == 1 ? "单选题：" : "多选题："
                     }}<span v-html="renderedFormula(item.teststitle)"></span> </span
                   >

src/components/easy2/commpont/markDialog.vue

@@ -196,42 +196,43 @@
             <i class="el-icon-arrow-down"></i>提交列表 ({{ workList.length }})
           </div>
           <div style="overflow: auto;flex: 1;">
-            <div
-              v-if="workListShow"
-              v-for="(i, index) in workList"
-              :key="index"
-              :class="['schPer', i.userid == DgUid ? 'selBlock' : '']"
-              style="cursor: pointer;"
-              @click="cutPer(i.userid, index)"
-            >
-              <img v-if="i.headportrait" :src="i.headportrait" alt="" />
-              <img
-                v-else
-                src="https://beta.pbl.cocorobo.cn/pbl-teacher-table/dist/static/img/portal.b3cf7fa.png"
-                alt=""
-              />
-
-              <div class="con">
-                <div class="tit">
-                  <span
-                    style="font-size: 14px;color: rgba(0, 0, 0, 0.9);font-weight: 400;"
-                    >{{ i.name }}</span
-                  >
+            <template v-if="workListShow">
+              <div
+                v-for="(i, index) in workList"
+                :key="index"
+                :class="['schPer', i.userid == DgUid ? 'selBlock' : '']"
+                style="cursor: pointer;"
+                @click="cutPer(i.userid, index)"
+              >
+                <img v-if="i.headportrait" :src="i.headportrait" alt="" />
+                <img
+                  v-else
+                  src="https://beta.pbl.cocorobo.cn/pbl-teacher-table/dist/static/img/portal.b3cf7fa.png"
+                  alt=""
+                />
 
-                  <span
-                    style="font-size: 14px;color:rgba(0, 0, 0, 0.4);"
-                    v-if="i.markSco == null"
-                    >未评分</span
-                  >
-                  <span
-                    v-else
-                    style="font-size: 16px;color: rgba(0, 0, 0, 0.9);font-weight: 600;"
-                    >{{ i.markSco }}</span
-                  >
+                <div class="con">
+                  <div class="tit">
+                    <span
+                      style="font-size: 14px;color: rgba(0, 0, 0, 0.9);font-weight: 400;"
+                      >{{ i.name }}</span
+                    >
+
+                    <span
+                      style="font-size: 14px;color:rgba(0, 0, 0, 0.4);"
+                      v-if="i.markSco == null"
+                      >未评分</span
+                    >
+                    <span
+                      v-else
+                      style="font-size: 16px;color: rgba(0, 0, 0, 0.9);font-weight: 600;"
+                      >{{ i.markSco }}</span
+                    >
+                  </div>
+                  <div class="Timer">{{ i.time }}</div>
                 </div>
-                <div class="Timer">{{ i.time }}</div>
               </div>
-            </div>
+            </template>
           </div>
         </div>
       </div>

src/components/easy2/studyStudent.vue

@@ -6198,7 +6198,7 @@
                           <div
                             style="
                               width: calc(100% - 130px);
-                              display: block;
+                              display: flex;
                               white-space: nowrap;
                               overflow: hidden;
                               text-overflow: ellipsis;
@@ -13017,7 +13017,7 @@
             :key="index1"
           >
             <div class="a_add_head">
-              <div style="display: flex">
+              <div style="display: flex;align-items: center;">
                 <span class="askIndex">{{ index1 + 1 }}</span>
                 <div
                   v-if="testJson.testJson[index1].type == '1'"
@@ -21964,6 +21964,9 @@ export default {
                 } else if (_chapterData[this.taskCount][0].type == 6) {
                   this.showType = 1;
                   this.text = this.textList[this.taskCount][0];
+                } else if (_chapterData[this.taskCount][0].type == 16) {
+                  this.showType = 16;
+                  this.pptImgUrl1 = _url;
                 }
               }
             }
@@ -22130,6 +22133,9 @@ export default {
                 } else if (_chapterData[this.taskCount][0].type == 6) {
                   this.showType = 1;
                   this.text = this.textList[this.taskCount][0];
+                } else if (_chapterData[this.taskCount][0].type == 16) {
+                  this.showType = 16;
+                  this.pptImgUrl1 = _url;
                 }
               }
             }
@@ -30880,5 +30886,17 @@ div::-webkit-scrollbar {
 }
 .pb_content >>> .katex {
   font-size: 16px;
+  display: block;
+  width: 100%;
+  white-space: normal;
+}
+.pb_content >>> .katex .base{
+  display: inline !important;
+  display: contents !important;
+}
+
+.pb_content >>> .katex .base .cjk_fallback{
+    white-space: normal !important;
+    display: inline !important;
 }
 </style>

src/components/easy3/studyStudent.vue

@@ -4457,7 +4457,7 @@
                           <div
                             style="
                               width: calc(100% - 130px);
-                              display: block;
+                              display: flex;
                               white-space: nowrap;
                               overflow: hidden;
                               text-overflow: ellipsis;
@@ -9649,7 +9649,7 @@
             :key="index1"
           >
             <div class="a_add_head">
-              <div style="display: flex">
+              <div style="display: flex;align-items: center;">
                 <span class="askIndex">{{ index1 + 1 }}</span>
                 <div
                   v-if="testJson.testJson[index1].type == '1'"
@@ -17528,6 +17528,9 @@ export default {
                 } else if (_chapterData[taskCount][0].type == 6) {
                   this.showType = 1;
                   this.text = this.textList[taskCount][0];
+                } else if (_chapterData[taskCount][0].type == 16) {
+                  this.showType = 16;
+                  this.pptImgUrl1 = _url;
                 }
               }
             }
@@ -17695,6 +17698,9 @@ export default {
                 } else if (_chapterData[taskCount][0].type == 6) {
                   this.showType = 1;
                   this.text = this.textList[taskCount][0];
+                } else if (_chapterData[taskCount][0].type == 16) {
+                  this.showType = 16;
+                  this.pptImgUrl1 = _url;
                 }
               }
             }
@@ -22050,6 +22056,18 @@ export default {
 }
 .pb_content >>> .katex {
   font-size: 16px;
+  display: block;
+  width: 100%;
+  white-space: normal;
+}
+.pb_content >>> .katex .base{
+  display: inline !important;
+  display: contents !important;
+}
+
+.pb_content >>> .katex .base .cjk_fallback{
+    white-space: normal !important;
+    display: inline !important;
 }
 .file {
   display: flex;
@@ -24359,9 +24377,7 @@ export default {
   display: flex;
   align-items: center;
 }
-.tool_right_box >>> .katex {
-  font-size: 16px;
-}
+
 .tool_right_box + .tool_right_box {
   margin-top: 10px;
 }

src/components/studyStudent.vue

@@ -4417,7 +4417,7 @@
                           <div
                             style="
                               width: calc(100% - 130px);
-                              display: block;
+                              display: flex;
                               white-space: nowrap;
                               overflow: hidden;
                               text-overflow: ellipsis;
@@ -9585,7 +9585,7 @@
             :key="index1"
           >
             <div class="a_add_head">
-              <div style="display: flex">
+              <div style="display: flex;align-items: center;">
                 <span class="askIndex">{{ index1 + 1 }}</span>
                 <div
                   v-if="testJson.testJson[index1].type == '1'"
@@ -17469,6 +17469,9 @@ export default {
                 } else if (_chapterData[this.taskCount][0].type == 6) {
                   this.showType = 1;
                   this.text = this.textList[this.taskCount][0];
+                } else if (_chapterData[this.taskCount][0].type == 16) {
+                  this.showType = 16;
+                  this.pptImgUrl1 = _url;
                 }
               }
             }
@@ -17635,6 +17638,9 @@ export default {
                 } else if (_chapterData[this.taskCount][0].type == 6) {
                   this.showType = 1;
                   this.text = this.textList[this.taskCount][0];
+                } else if (_chapterData[this.taskCount][0].type == 16) {
+                  this.showType = 16;
+                  this.pptImgUrl1 = _url;
                 }
               }
             }
@@ -26182,5 +26188,17 @@ div::-webkit-scrollbar {
 }
 .pb_content >>> .katex {
   font-size: 16px;
+  display: block;
+  width: 100%;
+  white-space: normal;
+}
+.pb_content >>> .katex .base{
+  display: inline !important;
+  display: contents !important;
+}
+
+.pb_content >>> .katex .base .cjk_fallback{
+    white-space: normal !important;
+    display: inline !important;
 }
 </style>

src/components/studySutdentClass/studyStudent.vue

@@ -6194,7 +6194,7 @@
                           <div
                             style="
                               width: calc(100% - 130px);
-                              display: block;
+                              display: flex;
                               white-space: nowrap;
                               overflow: hidden;
                               text-overflow: ellipsis;
@@ -12830,7 +12830,7 @@
             :key="index1"
           >
             <div class="a_add_head">
-              <div style="display: flex">
+              <div style="display: flex;align-items: center;">
                 <span class="askIndex">{{ index1 + 1 }}</span>
                 <div
                   v-if="testJson.testJson[index1].type == '1'"
@@ -21424,6 +21424,9 @@ export default {
                 } else if (_chapterData[taskCount][0].type == 6) {
                   this.showType = 1;
                   this.text = this.textList[taskCount][0];
+                } else if (_chapterData[taskCount][0].type == 16) {
+                  this.showType = 16;
+                  this.pptImgUrl1 = _url;
                 }
               }
             }
@@ -21591,6 +21594,9 @@ export default {
                 } else if (_chapterData[taskCount][0].type == 6) {
                   this.showType = 1;
                   this.text = this.textList[taskCount][0];
+                } else if (_chapterData[taskCount][0].type == 16) {
+                  this.showType = 16;
+                  this.pptImgUrl1 = _url;
                 }
               }
             }
@@ -30237,5 +30243,17 @@ div::-webkit-scrollbar {
 }
 .pb_content >>> .katex {
   font-size: 16px;
+  display: block;
+  width: 100%;
+  white-space: normal;
+}
+.pb_content >>> .katex .base{
+  display: inline !important;
+  display: contents !important;
+}
+
+.pb_content >>> .katex .base .cjk_fallback{
+    white-space: normal !important;
+    display: inline !important;
 }
 </style>