中文文章

src/views/bookShelf/articleDetail.vue

@@ -428,6 +428,7 @@
             background: bgColorList[activeIndex].contentInnerBg,
             borderColor: bgColorList[activeIndex].glossaryBg,
           }"
+          v-if="articleInfo.en_flag"
         >
           <menu-right
             :colorObj="bgColorList[activeIndex]"

src/views/bookShelf/components/NormalModel.vue

@@ -285,7 +285,9 @@
         </div>
       </div>
     </template>
-
+    <template v-else>
+      <div class="cn-content" v-html="articleInfo.art_content"></div>
+    </template>
     <!-- <img src="../../../assets/article-img.png" style="max-width:100%;margin:24px 0;" /> -->
     <div class="voice-full-screen" :id="'screen-' + mathNum">
       <Voicefullscreen
@@ -492,7 +494,7 @@ export default {
   created() {},
   //生命周期 - 挂载完成（可以访问DOM元素）
   mounted() {
-    if (this.articleInfo) {
+    if (this.articleInfo && this.articleInfo.en_flag) {
       this.handleData();
     }
   },
@@ -697,4 +699,22 @@ export default {
     width: 430px;
   }
 }
+.cn-content {
+  font-size: 16px;
+  font-weight: 400;
+  line-height: 32px;
+  color: #2f3742;
+  img {
+    max-width: 100%;
+  }
+  :deep figure {
+    margin: 16px 0;
+  }
+  :deep figcaption {
+    font-size: 16px;
+    font-weight: 400;
+    line-height: 32px;
+    color: #2f3742;
+  }
+}
 </style>