From 7018ae7afe0c8f3a3c57f73e8e7e26a4ec537baf Mon Sep 17 00:00:00 2001
From: 闫增涛 <1829501689@qq.com>
Date: 星期一, 17 六月 2024 17:04:57 +0800
Subject: [PATCH] 舞蹈动图优化
---
src/books/artAndDance/view/components/chapter003.vue | 30 +++++++++++++++++-------------
1 files changed, 17 insertions(+), 13 deletions(-)
diff --git a/src/books/artAndDance/view/components/chapter003.vue b/src/books/artAndDance/view/components/chapter003.vue
index 22e319f..85aa071 100644
--- a/src/books/artAndDance/view/components/chapter003.vue
+++ b/src/books/artAndDance/view/components/chapter003.vue
@@ -1,9 +1,9 @@
<template>
<div class="chapter" num="4">
- <div class="page-box" page="12" style="min-height: auto">
+ <div class="page-box" page="12">
<div v-if="showPageList.indexOf(12) > -1">
<img class="img-0" alt="" src="../../assets/images/dy3.jpg" />
- <img src="../../assets/images/07.gif" alt="" style="width: 56%;" class="cover-gif">
+ <img src="../../assets/images/07.gif" alt="" style="width: 54%;" class="cover-gif">
</div>
</div>
<div class="page-box" page="13">
@@ -51,24 +51,24 @@
<h2 class="lefth2" id="b002">
<img class="img-gn" alt="" src="../../assets/images/xsyty.jpg" />
</h2>
- <ul class="fl audio-box">
+ <ul class="fl fl-cl al-cn audio-box">
<li class="fl al-cn">
- <span class="wh-nr">鐢风闊�</span>
- <audio :src="auidoPathOne" controls></audio>
+ <span class="wh-nr auido-text mr-8">鐢风闊�</span>
+ <audio :src="auidoPathOne" controls controlslist="noplaybackrate nodownload" class="audio" @play="audioPlay"></audio>
</li>
- <li class="fl al-cn">
- <span class="wh-nr">
+ <li class="fl al-cn mt-20">
+ <span class="wh-nr auido-text mr-8">
濂崇闊�
</span>
- <audio :src="auidoPathTwo" controls></audio>
+ <audio :src="auidoPathTwo" controls controlslist="noplaybackrate nodownload" class="audio" @play="audioPlay"></audio>
</li>
</ul>
<h3 id="c009">灏忓効鍨傞挀</h3>
- <p class="block2">銆斿攼銆曡儭浠よ兘</p>
- <p class="block2">钃ご绋氬瓙瀛﹀瀭绾讹紝</p>
- <p class="block2">渚у潗鑾撹嫈鑽夋槧韬��</p>
- <p class="block2">璺汉鍊熼棶閬ユ嫑鎵嬶紝</p>
- <p class="block2">鎬曞緱楸兼儕涓嶅簲浜恒��</p>
+ <p class="block2 fm-son">銆斿攼銆曡儭浠よ兘</p>
+ <p class="block2 m16-0">钃ご绋氬瓙瀛﹀瀭绾讹紝</p>
+ <p class="block2 m16-0">渚у潗鑾撹嫈鑽夋槧韬��</p>
+ <p class="block2 m16-0">璺汉鍊熼棶閬ユ嫑鎵嬶紝</p>
+ <p class="block2 m16-0">鎬曞緱楸兼儕涓嶅簲浜恒��</p>
<video
:src="videoPathOne"
webkit-playsinline="true"
@@ -78,6 +78,7 @@
x5-video-player-fullscreen="true"
x5-playsinline=""
controls
+ controlslist="nodownload"
class="w100"
style="margin-top: 40px;"
></video>
@@ -170,6 +171,9 @@
this.auidoPathOne = await getResourcePath("85923e871441c541991be07fe4ce8771");
this.auidoPathTwo = await getResourcePath("c018f7a6434abfac0b0e0da1174d643a");
},
+ audioPlay(e) {
+ this.$emit('closeAudio',e.srcElement.currentSrc)
+ }
},
}
</script>
--
Gitblit v1.9.1