From afd2cf656cbab08afe2db0ed011bf93625e1a5cc Mon Sep 17 00:00:00 2001
From: user1 <10901603+no-distractions1@user.noreply.gitee.com>
Date: 星期一, 01 七月 2024 10:16:27 +0800
Subject: [PATCH] 艺术戏剧(测试 7.1)

---
 src/books/artAndDance/view/components/chapter001.vue |   44 +++++++++++++++++++++++---------------------
 1 files changed, 23 insertions(+), 21 deletions(-)

diff --git a/src/books/artAndDance/view/components/chapter001.vue b/src/books/artAndDance/view/components/chapter001.vue
index 85a7ea2..d462483 100644
--- a/src/books/artAndDance/view/components/chapter001.vue
+++ b/src/books/artAndDance/view/components/chapter001.vue
@@ -1,10 +1,9 @@
 <template>
   <div class="chapter" num="2">
-    <div class="page-box" page="4" style="min-height: auto">
+    <div class="page-box" page="4">
       <div v-if="showPageList.indexOf(4) > -1">
         <img class="img-0" alt="" src="../../assets/images/dy1.jpg" />
         <img src="../../assets/images/01.gif" alt="" style="width: 53%;" class="cover-img">
-        <audio></audio>
       </div>
     </div>
     <div class="page-box" page="5">
@@ -52,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" ></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" ></audio>
             </li>
           </ul>
           <h3 id="c003">榛勯工妤奸�佸瓱娴╃劧涔嬪箍闄�</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"
@@ -79,14 +78,10 @@
             x5-video-player-fullscreen="true"
             x5-playsinline=""
             controls
-            class="w100"
+            controlslist="nodownload"
+            class="w100 video"
+            style="margin-top: 40px;"
           ></video>
-          <p class="center">
-            <img class="img-g" alt="" src="image/i0007-1.jpg" />
-          </p>
-          <h2 class="lefth2" id="b003">
-            <img class="img-gn" alt="" src="image/czysj.jpg" />
-          </h2>
         </div>
         <ul>
           <li class="fl ju-end mr-40">
@@ -109,6 +104,9 @@
           class="w100 mb-40"
         />
         <div class="padding-96">
+          <h2 class="lefth2" id="b003">
+            <img class="img-gn" alt="" src="../../assets/images/czysj.jpg" />
+          </h2>
           <div class="bj1">
             <p class="block">
               <img
@@ -133,7 +131,6 @@
               鍏呭垎鐞嗚В鍙よ瘲琛ㄨ揪鐨勬儏鎰燂紝鏍规嵁宸插鑸炶箞鍏冪礌锛屽垱缂栧甫鏈夐�佸埆鎰忓懗鐨勫崟涓�鑸炶箞鍔ㄤ綔鎴栭�犲瀷鍚с��
             </p>
           </div>
-          <p class="center"><img class="img-0" alt="" src="image/ym.jpg" /></p>
         </div>
         <ul class="pb-box">
           <li class="ml-40">
@@ -194,4 +191,9 @@
   top: 33%;
   left: 23%;
 }
+.division-line {
+  width: 2px;
+  height: 100%;
+  background-color: red;
+}
 </style>

--
Gitblit v1.9.1