From add98c3b4fbbd8abd6bab5bf980900ca4ac366c4 Mon Sep 17 00:00:00 2001
From: 闫增涛 <1829501689@qq.com>
Date: 星期四, 06 六月 2024 14:43:14 +0800
Subject: [PATCH] 音频小窗样式修改
---
src/books/artAndDance/view/components/chapter002.vue | 28 +++++++++++++++++++++++-----
1 files changed, 23 insertions(+), 5 deletions(-)
diff --git a/src/books/artAndDance/view/components/chapter002.vue b/src/books/artAndDance/view/components/chapter002.vue
index 36c736e..6fae6b3 100644
--- a/src/books/artAndDance/view/components/chapter002.vue
+++ b/src/books/artAndDance/view/components/chapter002.vue
@@ -62,6 +62,18 @@
<h2 class="lefth2" id="b006">
<img class="img-gn" alt="" src="../../assets/images/xsyty.jpg" />
</h2>
+ <ul class="fl audio-box">
+ <li class="fl al-cn">
+ <span class="wh-nr">鐢风闊�</span>
+ <audio :src="auidoPathOne" controls></audio>
+ </li>
+ <li class="fl al-cn">
+ <span class="wh-nr">
+ 濂崇闊�
+ </span>
+ <audio :src="auidoPathTwo" controls></audio>
+ </li>
+ </ul>
<h3 id="c006">浜＄緤琛ョ墷</h3>
<p class="block2">甯竴鍏�</p>
<p class="block2">缇婂晩缇婂晩鍜╁挬鍙紝鏈夊彧灏忕緤涓嶈浜嗐��</p>
@@ -103,6 +115,7 @@
x5-playsinline=""
controls
class="w100"
+ style="margin-top: 40px;"
></video>
<h2 class="lefth2 mt-40" id="b007">
<img class="img-gn" alt="" src="../../assets/images/czysj.jpg" />
@@ -134,7 +147,7 @@
</div>
<!-- <p class="center"><img class="img-0" alt="" src="../../assets/images/ym.jpg" /></p> -->
</div>
- <ul class="pb-box">
+ <ul style="margin-top: 20px">
<li class="ml-40">
<img src="../../assets/images/icon/tree.jpg" />
<span class="dl-ib"> 8 </span>
@@ -149,7 +162,7 @@
</template>
<script>
-import getResourcePath from "@/assets/methods/resources";
+import {getResourcePath} from "@/assets/methods/resources";
export default {
name: "chapterTwo",
props: {
@@ -174,12 +187,17 @@
videoPathOne: "",
num:0,
addTimer:null,
- cutTimer:null
+ cutTimer:null,
+ auidoPathOne:"",
+ auidoPathTwo:"",
+
};
},
methods: {
- getVidoePath() {
- this.videoPathOne = getResourcePath("f6aaaed901868114d948031615250bed");
+ async getVidoePath() {
+ this.videoPathOne = await getResourcePath("f6aaaed901868114d948031615250bed");
+ this.auidoPathOne = await getResourcePath("39fd9a021904ed3de1b8b9e036777ea3");
+ this.auidoPathTwo = await getResourcePath("a143777eff52ee24e53521d16afc85d9");
},
addNum() {
this.addTimer = setInterval(() => {
--
Gitblit v1.9.1