|
@@ -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;
|