From fe07e8a02cb41daac4d34562474b56dec5ab3efd Mon Sep 17 00:00:00 2001
From: 闫增涛 <1829501689@qq.com>
Date: 星期四, 06 六月 2024 11:57:40 +0800
Subject: [PATCH] 音频小窗
---
src/books/English/view/components/chapter001.vue | 21 ++++++++++++++++-----
1 files changed, 16 insertions(+), 5 deletions(-)
diff --git a/src/books/English/view/components/chapter001.vue b/src/books/English/view/components/chapter001.vue
index 11382cc..979cc6b 100644
--- a/src/books/English/view/components/chapter001.vue
+++ b/src/books/English/view/components/chapter001.vue
@@ -505,7 +505,7 @@
<div class="bodystyle">
<h3 id="c002" class="fl al-cn">
<span class="bjh3">Listening</span>
- <audio :src="resource.listenOne" controls></audio>
+ <audio :src="resource.listenOne" controls class="audio" @play="audioPlay"></audio>
</h3>
<p>
<b
@@ -514,9 +514,9 @@
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>
@@ -526,7 +526,7 @@
</div>
<h3 id="c003" class="fl al-cn">
<span class="bjh3">Reading</span>
- <audio :src="resource.readingOne" controls></audio>
+ <audio :src="resource.readingOne" controls class="audio" @play="audioPlay"></audio>
</h3>
<p>
1.How was Chinese culture introduced to the world in ancient
@@ -735,6 +735,8 @@
:src="resource.readingTwo"
controls
style="margin-left: 10px"
+ class="audio"
+ @play="audioPlay"
></audio>
<p>wonderland /藞w蕦nd蓹l忙nd/ <i>n.</i> 鏈夎澶氬濡欎簨鐗╃殑鍦版柟</p>
<div class="bkbj">
@@ -2740,6 +2742,9 @@
saveData() {
console.log(this.testData);
},
+ audioPlay() {
+ this.$emit("closeMiniAudio")
+ }
},
};
</script>
@@ -2800,5 +2805,11 @@
select {
height: 24px;
}
-
+.mini-audio {
+ width: 200px;
+ height: 200px;
+ position: fixed;
+ right:0;
+ background-color: red;
+}
</style>
--
Gitblit v1.9.1