guanchunjie 3 tahun lalu
induk
melakukan
31fecedd27
1 mengubah file dengan 21 tambahan dan 13 penghapusan
  1. 21 13
      src/components/Adult/preview/CourseStart.vue

+ 21 - 13
src/components/Adult/preview/CourseStart.vue

@@ -67,8 +67,14 @@
       </template>
       <b class="content-en" v-if="curQue.en">{{ curQue.en }}</b>
     </div>
-    <div class="item-intro" v-if="curQue.con">
-      {{ curQue.con }}
+    <div class="item-intro-box">
+      <div class="item-intro" v-if="curQue.con">
+        <!-- {{ curQue.con }} -->
+        Chinese is a tonal and musical language. You will want to use accurate
+        Mandarin to communicate with Chinese. These two preliminary lessons will
+        help you from the very beginning to establish a sound foundation in
+        phonetics.
+      </div>
     </div>
     <a class="start-btn" @click="handleNNPEnext">开始学习</a>
   </div>
@@ -194,18 +200,20 @@ export default {
       display: flex;
     }
   }
-  .item-intro {
-    background: #c43c3c;
-    border: 1px solid rgba(0, 0, 0, 0.1);
-    box-sizing: border-box;
-    border-radius: 8px;
-    padding: 24px;
-    font-size: 16px;
-    line-height: 150%;
-    white-space: pre-wrap;
-    word-break: break-word;
+  .item-intro-box {
     min-height: 90px;
-    text-align: justify;
+    .item-intro {
+      background: #c43c3c;
+      border: 1px solid rgba(0, 0, 0, 0.1);
+      box-sizing: border-box;
+      border-radius: 8px;
+      padding: 24px;
+      font-size: 16px;
+      line-height: 150%;
+      white-space: pre-wrap;
+      word-break: break-word;
+      text-align: justify;
+    }
   }
   .start-btn {
     width: 160px;