|
@@ -128,7 +128,8 @@
|
|
></svg-icon>
|
|
></svg-icon>
|
|
<div class="word-info">
|
|
<div class="word-info">
|
|
<div class="word-info-top">
|
|
<div class="word-info-top">
|
|
- <b class="word" @click="showWord(itemW)">{{ itemW.word }}</b>
|
|
|
|
|
|
+ <b class="word">{{ itemW.word }}</b>
|
|
|
|
+ <!-- <b class="word" @click="showWord(itemW)">{{ itemW.word }}</b> -->
|
|
<span class="symbol">{{ itemW.pinyin }}</span>
|
|
<span class="symbol">{{ itemW.pinyin }}</span>
|
|
<div class="para-list" v-if="itemW.explain">
|
|
<div class="para-list" v-if="itemW.explain">
|
|
<div
|
|
<div
|
|
@@ -342,7 +343,7 @@
|
|
class="login-dialog"
|
|
class="login-dialog"
|
|
v-if="wordcardShow"
|
|
v-if="wordcardShow"
|
|
>
|
|
>
|
|
- <WordCard @closeWord="closeWord" />
|
|
|
|
|
|
+ <WordCard :dataObj="activeItem" @closeWord="closeWord" />
|
|
</el-dialog>
|
|
</el-dialog>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
</template>
|
|
@@ -408,6 +409,7 @@ export default {
|
|
voicePlaySrc: require("../../../assets/voice-play-red.png"),
|
|
voicePlaySrc: require("../../../assets/voice-play-red.png"),
|
|
activeIndex: null,
|
|
activeIndex: null,
|
|
playInfo: null,
|
|
playInfo: null,
|
|
|
|
+ activeItem: null,
|
|
};
|
|
};
|
|
},
|
|
},
|
|
//计算属性 类似于data概念
|
|
//计算属性 类似于data概念
|
|
@@ -448,6 +450,7 @@ export default {
|
|
},
|
|
},
|
|
// 查看单词卡片
|
|
// 查看单词卡片
|
|
showWord(obj) {
|
|
showWord(obj) {
|
|
|
|
+ this.activeItem = obj;
|
|
this.wordcardShow = true;
|
|
this.wordcardShow = true;
|
|
},
|
|
},
|
|
// 关闭单词卡片
|
|
// 关闭单词卡片
|
|
@@ -489,6 +492,9 @@ export default {
|
|
.then((res) => {
|
|
.then((res) => {
|
|
if (res.status === 1) {
|
|
if (res.status === 1) {
|
|
this.wordList = res.word_list;
|
|
this.wordList = res.word_list;
|
|
|
|
+ this.wordList.forEach((item) => {
|
|
|
|
+ item.collect = true;
|
|
|
|
+ });
|
|
this.total_count = res.total_count;
|
|
this.total_count = res.total_count;
|
|
}
|
|
}
|
|
})
|
|
})
|