From c30954de22f1840122c35c7d7c6a5e513b3272c4 Mon Sep 17 00:00:00 2001
From: 闫增涛 <1829501689@qq.com>
Date: 星期四, 06 六月 2024 15:18:16 +0800
Subject: [PATCH] 优化
---
src/books/English/view/components/chapter001.vue | 47 +++++++++++++++--------
src/books/artAndDance/view/components/chapter001.vue | 6 +++
src/components/matching/matching.vue | 9 +---
3 files changed, 38 insertions(+), 24 deletions(-)
diff --git a/src/books/English/view/components/chapter001.vue b/src/books/English/view/components/chapter001.vue
index 979cc6b..60d65a7 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" @play="audioPlay"></audio>
+ <audio
+ :src="resource.listenOne"
+ controls
+ class="audio"
+ @play="audioPlay"
+ ></audio>
</h3>
<p>
<b
@@ -520,13 +525,18 @@
<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" @play="audioPlay"></audio>
+ <audio
+ :src="resource.readingOne"
+ controls
+ class="audio"
+ @play="audioPlay"
+ ></audio>
</h3>
<p>
1.How was Chinese culture introduced to the world in ancient
@@ -2282,14 +2292,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">
閲嶅仛
@@ -2317,7 +2327,7 @@
import { getResourcePath } from "@/assets/methods/resources";
export default {
name: "chapter-one",
- components:{matching},
+ components: { matching },
props: {
showPageList: {
type: Array,
@@ -2378,22 +2388,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",
},
],
@@ -2417,7 +2431,6 @@
oldId: "2ED4",
txt: "It is very delicious and I like the hot and spicy Sichuan lavor hest.",
},
-
],
values: [
{
@@ -2446,7 +2459,7 @@
titleDescription: "1",
userChoise: [],
value: [],
- answerImg:require("@/books/English/assets/images/matching-one.png")
+ answerImg: require("@/books/English/assets/images/matching-one.png"),
},
questionData: {
warnUp: {
@@ -2743,8 +2756,8 @@
console.log(this.testData);
},
audioPlay() {
- this.$emit("closeMiniAudio")
- }
+ this.$emit("closeMiniAudio");
+ },
},
};
</script>
@@ -2809,7 +2822,7 @@
width: 200px;
height: 200px;
position: fixed;
- right:0;
+ right: 0;
background-color: red;
}
</style>
diff --git a/src/books/artAndDance/view/components/chapter001.vue b/src/books/artAndDance/view/components/chapter001.vue
index 6ff78bb..ab8aa3a 100644
--- a/src/books/artAndDance/view/components/chapter001.vue
+++ b/src/books/artAndDance/view/components/chapter001.vue
@@ -57,6 +57,7 @@
<span class="wh-nr">鐢风闊�</span>
<audio :src="auidoPathOne" controls></audio>
</li>
+ <li class="division-line"></li>
<li class="fl al-cn">
<span class="wh-nr">
濂崇闊�
@@ -191,4 +192,9 @@
top: 33%;
left: 23%;
}
+.division-line {
+ width: 2px;
+ height: 100%;
+ background-color: red;
+}
</style>
diff --git a/src/components/matching/matching.vue b/src/components/matching/matching.vue
index bc1023a..15dd62d 100644
--- a/src/components/matching/matching.vue
+++ b/src/components/matching/matching.vue
@@ -341,13 +341,7 @@
});
}
this.isRight = this.areArraysEqual(this.item.userChoise,answerArr)
- this.item.showAnswer = true
- // console.log(
- // "绛旀",
- // answerArr,
- // this.item.userChoise,
- // this.isRight
- // );
+ this.isShowAnswer =true
},
// 鑾峰彇褰撳墠椤电爜
handlePage() {
@@ -396,6 +390,7 @@
}
this.leftArr
this.drawing()
+ this.isShowAnswer = false
}
},
};
--
Gitblit v1.9.1