From b1a6c3365e46f29fdd12d8864848912eb46d3208 Mon Sep 17 00:00:00 2001
From: 闫增涛 <1829501689@qq.com>
Date: 星期一, 17 六月 2024 16:56:29 +0800
Subject: [PATCH] 优化
---
src/books/English/view/components/chapter001.vue | 67 ++++++++++++++++++++++-----------
1 files changed, 45 insertions(+), 22 deletions(-)
diff --git a/src/books/English/view/components/chapter001.vue b/src/books/English/view/components/chapter001.vue
index d7b3a6e..bf3f4cc 100644
--- a/src/books/English/view/components/chapter001.vue
+++ b/src/books/English/view/components/chapter001.vue
@@ -505,7 +505,12 @@
<div class="bodystyle">
<h3 id="c002" class="fl al-cn">
<span class="bjh3">Listening</span>
- <audio :src="resource.listenOne" controls class="audio"></audio>
+ <audio
+ :src="resource.listenOne"
+ controls
+ class="audio"
+ @play="audioPlay"
+ ></audio>
</h3>
<p>
<b
@@ -514,19 +519,24 @@
corresponding descriptions.</b
>
</p>
- <p class="center">
+ <!-- <p class="center">
<img class="img-0" alt="" src="../../assets/images/0013-3.jpg" />
- </p>
+ </p> -->
<div>
<ul class="fl ju-bt">
<li>Speakers銆�Chinese Cultural Symbols</li>
- <li style="width:40%;text-align:center">Descriptions</li>
- </ul>
+ <li style="width: 40%; text-align: center">Descriptions</li>
+ </ul>
<matching :rawData="rawData" :item="question"></matching>
</div>
<h3 id="c003" class="fl al-cn">
<span class="bjh3">Reading</span>
- <audio :src="resource.readingOne" controls class="audio"></audio>
+ <audio
+ :src="resource.readingOne"
+ controls
+ class="audio"
+ @play="audioPlay"
+ ></audio>
</h3>
<p>
1.How was Chinese culture introduced to the world in ancient
@@ -736,6 +746,7 @@
controls
style="margin-left: 10px"
class="audio"
+ @play="audioPlay"
></audio>
<p>wonderland /藞w蕦nd蓹l忙nd/ <i>n.</i> 鏈夎澶氬濡欎簨鐗╃殑鍦版柟</p>
<div class="bkbj">
@@ -815,15 +826,19 @@
</p>
<div class="bkbj">
<p>
- <i>making you feel more active and healthy</i> foodie /藞fu藧di/
- <i>n.</i> 鍚冭揣锛涚編椋熷
+ <i>making you feel more active and healthy</i>
</p>
</div>
- <p>
- <i
+ <p>foodie /藞fu藧di/<i>n.</i> 鍚冭揣锛涚編椋熷</p>
+ <div class="bkbj">
+ <p>
+ <i
>a person who is very interested in cooking and eating different
kinds of food</i
>
+ </p>
+ </div>
+ <p>
unique /ju<i>藞</i>ni藧k/ <i>adj.</i> 鍞竴鐨勶紱鐙竴鏃犱簩鐨�
</p>
<div class="bkbj">
@@ -2281,14 +2296,14 @@
</div>
<div class="w100 fl ju-cn">
<div class="fl ju-ev mt-40" style="width: 80%">
- <button @click="setDropdownData" class="btn-border btn-w">
- 淇濆瓨
- </button>
<button
class="btn-border btn-w"
@click="handleDropdown('judge')"
>
鎻愪氦
+ </button>
+ <button @click="setDropdownData" class="btn-border btn-w">
+ 淇濆瓨
</button>
<button class="btn-border btn-w" @click="changeDropdown">
閲嶅仛
@@ -2316,7 +2331,7 @@
import { getResourcePath } from "@/assets/methods/resources";
export default {
name: "chapter-one",
- components:{matching},
+ components: { matching },
props: {
showPageList: {
type: Array,
@@ -2377,22 +2392,26 @@
answer: [
{
id: "FB34",
- linkValue: "The clothing material is quite popular among Roman women inancient times.",
+ linkValue:
+ "The clothing material is quite popular among Roman women inancient times.",
value: "Silk",
},
{
id: "64D6",
- linkValue: "It is one of China's must-see sights for visitors, which shows thewisdom of Chinese people.",
+ linkValue:
+ "It is one of China's must-see sights for visitors, which shows thewisdom of Chinese people.",
value: "The Great Wall",
},
{
id: "2ED4",
- linkValue: "It is very delicious and I like the hot and spicy Sichuan lavor hest.",
+ linkValue:
+ "It is very delicious and I like the hot and spicy Sichuan lavor hest.",
value: "Chinese Food",
},
{
id: "44DE",
- linkValue: "It was first discovered and drank in China and my favorileLongjing tca is praduced near the West Lake in Hangzhou.",
+ linkValue:
+ "It was first discovered and drank in China and my favorileLongjing tca is praduced near the West Lake in Hangzhou.",
value: "Chinese Tea",
},
],
@@ -2416,7 +2435,6 @@
oldId: "2ED4",
txt: "It is very delicious and I like the hot and spicy Sichuan lavor hest.",
},
-
],
values: [
{
@@ -2445,7 +2463,7 @@
titleDescription: "1",
userChoise: [],
value: [],
- answerImg:require("@/books/English/assets/images/matching-one.png")
+ answerImg: require("../../assets/images/matching-one.png"),
},
questionData: {
warnUp: {
@@ -2550,7 +2568,7 @@
"online shopping",
"facial recognition",
"electronic payment",
- "intercity train",
+ "intercity train",
"shared bike",
"take-away service",
],
@@ -2658,6 +2676,7 @@
};
},
setBookQuestion() {
+ console.log('淇濆瓨');
localStorage.setItem(
"english-book-question-one",
JSON.stringify(this.questionData)
@@ -2720,6 +2739,7 @@
item.value == item.answer
? (item.isRight = true)
: (item.isRight = false);
+ console.log(item.value,item.answer);
}
}
this.dropdownData = dropdownDatas;
@@ -2740,6 +2760,9 @@
},
saveData() {
console.log(this.testData);
+ },
+ audioPlay() {
+ this.$emit("closeMiniAudio");
},
},
};
@@ -2805,7 +2828,7 @@
width: 200px;
height: 200px;
position: fixed;
- right:0;
+ right: 0;
background-color: red;
}
</style>
--
Gitblit v1.9.1