From 25604419cdad5ad226c42feca48c5d817eadbe2f Mon Sep 17 00:00:00 2001 From: 闫增涛 <1829501689@qq.com> Date: 星期五, 14 六月 2024 19:15:47 +0800 Subject: [PATCH] 艺术与舞蹈动作库替换 --- src/books/artAndDance/view/components/chapter005.vue | 28 ++++++++++++++++------------ 1 files changed, 16 insertions(+), 12 deletions(-) diff --git a/src/books/artAndDance/view/components/chapter005.vue b/src/books/artAndDance/view/components/chapter005.vue index bc95185..a3560c1 100644 --- a/src/books/artAndDance/view/components/chapter005.vue +++ b/src/books/artAndDance/view/components/chapter005.vue @@ -1,6 +1,6 @@ <template> <div class="chapter" num="6"> - <div class="page-box" page="20" style="min-height: auto"> + <div class="page-box" page="20"> <div v-if="showPageList.indexOf(20) > -1"> <img class="img-0" alt="" src="../../assets/images/dy5.jpg" /> <img @@ -77,20 +77,20 @@ <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"> 濂崇闊� </span> - <audio :src="auidoPathTwo" controls></audio> + <li class="fl al-cn mt-20"> + <span class="wh-nr auido-text mr-8"> 濂崇闊� </span> + <audio :src="auidoPathTwo" controls controlslist="noplaybackrate nodownload" class="audio" @play="audioPlay"></audio> </li> </ul> <h3 id="c015">娓旀瓕瀛�</h3> - <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> </div> <ul> <li class="fl ju-end mr-40"> @@ -113,8 +113,8 @@ class="w100 mb-40" /> <div class="padding-96"> - <p class="block2">闈掔绗狅紝缁胯搼琛o紝</p> - <p class="block2">鏂滈缁嗛洦涓嶉』褰掋��</p> + <p class="block2 m16-0">闈掔绗狅紝缁胯搼琛o紝</p> + <p class="block2 m16-0">鏂滈缁嗛洦涓嶉』褰掋��</p> <video :src="videoPathOne" webkit-playsinline="true" @@ -124,6 +124,7 @@ x5-video-player-fullscreen="true" x5-playsinline="" controls + controlslist="nodownload" class="w100" style="margin:38px 0" ></video> @@ -230,6 +231,9 @@ } }, 200); }, + audioPlay(e) { + this.$emit('closeAudio',e.srcElement.currentSrc) + } }, }; </script> -- Gitblit v1.9.1