|
@@ -73,14 +73,27 @@
|
|
|
}}</span>
|
|
|
</p>
|
|
|
<template v-if="word.detail">
|
|
|
- <span class="word-ben-def">{{
|
|
|
- word.detail.definition_list && word.detail.definition_list.length > 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>
|
|
|
+ <span class="word-ben-def">
|
|
|
+ <span>{{
|
|
|
+ word.detail.definition_list && word.detail.definition_list.length > 0
|
|
|
+ ? "本课释义"
|
|
|
+ : "词典释义"
|
|
|
+ }}</span>
|
|
|
+ </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>
|
|
@@ -408,16 +421,18 @@ export default {
|
|
|
margin: 0 0 16px 0;
|
|
|
}
|
|
|
.word-ben-def {
|
|
|
+ font-size: 12px;
|
|
|
height: 20px;
|
|
|
background: rgba(0, 0, 0, 0.06);
|
|
|
border-radius: 4px;
|
|
|
line-height: 20px;
|
|
|
text-align: center;
|
|
|
- font-size: 10px;
|
|
|
color: #262626;
|
|
|
margin: 0 auto 8px;
|
|
|
display: block;
|
|
|
- width: 48px;
|
|
|
+ width: 56px;
|
|
|
+ padding: 0 4px;
|
|
|
+ box-sizing: border-box;
|
|
|
-webkit-text-size-adjust: none;
|
|
|
}
|
|
|
.bwc-word-en {
|
|
@@ -432,14 +447,14 @@ export default {
|
|
|
text-align: center;
|
|
|
color: #2c2c2c;
|
|
|
margin-bottom: 16px;
|
|
|
- &.bwc-word-en1{
|
|
|
- max-width: 256px;
|
|
|
+ &.bwc-word-en1 {
|
|
|
+ max-width: 256px;
|
|
|
}
|
|
|
- &.bwc-word-en2{
|
|
|
- max-width: 256px;
|
|
|
+ &.bwc-word-en2 {
|
|
|
+ max-width: 256px;
|
|
|
}
|
|
|
- &.bwc-word-en3{
|
|
|
- max-width: 386px;
|
|
|
+ &.bwc-word-en3 {
|
|
|
+ max-width: 386px;
|
|
|
}
|
|
|
> span {
|
|
|
width: 100%;
|