释义长度

src/components/Adult/preview/components/Wordcard.vue

@@ -78,13 +78,9 @@
           ? "本课释义"
           : "词典释义"
       }}</span>
-      <div class="bwc-word-en">
-        <span class="word-chs" v-if="defChsArr.length > 0">{{
-          defChsArr[0]
-        }}</span>
-        <span class="word-en" v-if="defEnArr.length > 0">{{
-          defEnArr[0]
-        }}</span>
+      <div class="bwc-word-en" :class="['bwc-word-en'+ word.detail.new_word.length]">
+        <span class="word-chs" v-if="defChsArr.length > 0" v-html="defChsArr[0]"></span>
+        <span class="word-en" v-if="defEnArr.length > 0" v-html="defEnArr[0]"></span>
       </div>
     </template>
     <div class="bwc-more-intp" @click="viewIntp">查看更多</div>
@@ -429,13 +425,22 @@ export default {
     flex-direction: column;
     justify-content: center;
     align-items: center;
-    width: 100%;
+    max-width: 514px;
     font-style: normal;
     font-size: 16px;
     line-height: 150%;
     text-align: center;
     color: #2c2c2c;
     margin-bottom: 16px;
+    &.bwc-word-en1{
+        max-width: 256px;
+    }
+    &.bwc-word-en2{
+        max-width: 256px;
+    }
+    &.bwc-word-en3{
+        max-width: 386px;
+    }
     > span {
       width: 100%;
       overflow: hidden;