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