From f99d327dd2a9923c511373e76eef533457e4af32 Mon Sep 17 00:00:00 2001
From: user1 <10901603+no-distractions1@user.noreply.gitee.com>
Date: 星期一, 17 六月 2024 15:15:30 +0800
Subject: [PATCH] 艺术戏剧(整本分页)

---
 src/books/artAndDrama/view/components/chapter003.vue |   25 ++++++++++++++++---------
 1 files changed, 16 insertions(+), 9 deletions(-)

diff --git a/src/books/artAndDrama/view/components/chapter003.vue b/src/books/artAndDrama/view/components/chapter003.vue
index 9754452..67b0f5d 100644
--- a/src/books/artAndDrama/view/components/chapter003.vue
+++ b/src/books/artAndDrama/view/components/chapter003.vue
@@ -5,7 +5,7 @@
                 <h1 id="a004">
                     <!-- 杩欓噷鐨勫姩鍥炬湁闂锛屾病鏈夎儗鏅浘鐗� -->
                     <img class="img-0" alt="" src="../../assets/images/dy3.jpg" />
-                    <audio :src="auidoPathOne" class="audio" controls></audio>
+                    <audio :src="auidoPathOne" controls class="audio" @play="audioPlay" ></audio>
                 </h1>
                 <div class="bodystyle">
                     <div class="bk">
@@ -28,8 +28,9 @@
                 <h1>
                     <img src="../../assets/images/header-green.png" alt="" style="width: 100%;" />
                 </h1>
+                <img class="headerimg" src="../../assets/images/page5.png" alt="" />
                 <div class="bodystyle">
-                    <img src="../../assets/images/page5.png" alt="" />
+                    
                     <h2 id="b011">绗竴璇俱��鍚瑰搷鍔冲姩鐨勯泦缁撳彿</h2>
                     <h3 class="lefth3" id="c021"><img class="img-gn1" alt="" src="../../assets/images/rhybx.jpg" /></h3>
                     <p>瀵掓潵鏆戝線锛岀鏀跺啲钘忋�備竴骞村洓瀛o紝鍔崇濂斿繖銆�</p>
@@ -52,7 +53,7 @@
         <div class="page-box" page="24">
             <div v-if="showPageList.indexOf(24) > -1">
                 <h1>
-                    <img src="../../assets/images/page6-header-green.png" alt="" style="height: auto; width: 100%" />
+                    <img src="../../assets/images/unit3-header-img.png" alt="" style="height: auto; width: 100%" />
                 </h1>
                 <div class="bodystyle">
                     <h2 id="b012">绗簩璇俱��鎰忓鍙戠敓浜嗭紒</h2>
@@ -77,6 +78,7 @@
                 <h1>
                     <img src="../../assets/images/header-green.png" alt="" style="width: 100%; height: auto" />
                 </h1>
+                <img class="headerimg" src="../../assets/images/page5.png" alt="" />
                 <div class="bodystyle">
                     <h2 id="b013">绗笁璇俱��鎴戣鎬庝箞鍔烇紵</h2>
                     <h3 class="lefth3" id="c025"><img class="img-gn1" alt="" src="../../assets/images/rhybx.jpg" /></h3>
@@ -96,10 +98,11 @@
         <div class="page-box" page="26">
             <div v-if="showPageList.indexOf(26) > -1">
                 <h1>
-                    <img src="../../assets/images/header-green.png" alt="" style="width: 100%; height: auto" />
-                </h1>
+                    <img src="../../assets/images/unit3-header-img.png" alt="" style="width: 100%; height: auto" />
+                </h1> 
+                
                 <div class="bodystyle">
-                    <img src="../../assets/images/page5.png" alt="" />
+               
                     <h2 id="b014">绗洓璇俱��鐨嗗ぇ娆㈠枩</h2>
                     <h3 class="lefth3" id="c027"><img class="img-gn1" alt="" src="../../assets/images/rhybx.jpg" /></h3>
                     <p><span class="hs1">鈼�</span>璇锋寜鐓т簨浠跺叚瑕佺礌鐨勭粨鏋勭粰澶у鍒嗕韩涓�浠跺揩涔愮殑浜嬪惂锛�</p>
@@ -110,7 +113,7 @@
                     <p>缁忚繃锛�<input v-model="questionData.warnUp.six" class="input-bottom-border fz-18" @change="setBookQuestion"  style="width: 70%"/></p>
                     <p>缁撴灉锛�<input v-model="questionData.warnUp.seven" class="input-bottom-border fz-18" @change="setBookQuestion"  style="width: 70%"/></p>
                     <p><span class="hs1">鈼�</span>浣犳湁鐑︽伡鍚楋紵璇翠竴璇存槸浠�涔堬紝浣犳槸鎬庝箞澶勭悊瀹冪殑锛�</p>
-                    <p><input v-model="questionData.warnUp.three" class="input-bottom-border fz-18" @change="setBookQuestion"  style="width: 70%"/></p>
+                    <p><input v-model="questionData.warnUp.enight" class="input-bottom-border fz-18" @change="setBookQuestion"  style="width: 85%"/></p>
                 </div>
                 <!-- 姝ゆ涓洪〉鑴氶儴鍒嗭紙闇�瑕佽缃〉鐮侊級 -->
                 <div class="page-footer">
@@ -140,7 +143,7 @@
         <div class="page-box" page="28">
             <div v-if="showPageList.indexOf(28) > -1">
                 <h1>
-                    <img src="../../assets/images/page6-header-green.png" alt="" style="width: 100%; height: auto" />
+                    <img src="../../assets/images/unit3-header-img.png" alt="" style="width: 100%; height: auto" />
                 </h1>
                 <div class="bodystyle">
                     <h2 id="b015">鍗曞厓娲诲姩浠诲姟</h2>
@@ -166,8 +169,9 @@
                 <h1>
                     <img src="../../assets/images/header-green.png" alt="" style="width: 100%; height: auto" />
                 </h1>
+                <img class="headerimg" src="../../assets/images/page5.png" alt="" />
                 <div class="bodystyle">
-                    <h3 class="lefth3" id="c030"><img class="img-gn1" alt="" src="../../assets/images/czysj.jpg" /></h3>
+                    <h3 class="lefth3" id="c030"><img class="img-gn1" alt="" src="../../assets/images/tzyys.jpg" /></h3>
                     <p><span class="hs1">鈼�</span>鍔冲姩鏈�鍏夎崳锛佽涓哄涓暱杈堝仛涓�浠跺姏鎵�鑳藉強鐨勪簨鎯咃紝鐢ㄥ疄闄呰鍔ㄨ〃杈句綘鐨勭埍鎰忥紒浣撻獙杩囩▼涓璁颁綇姣忎竴涓姩浣滅殑缁嗚妭锛屽啀灏濊瘯浠ユ棤瀹炵墿琛ㄦ紨鐨勬柟寮忚繘琛屽睍绀恒��
                     </p>
                     <p class="center">
@@ -360,6 +364,9 @@
                 JSON.stringify(this.questionData)
             );
         },
+        audioPlay(e) {
+      this.$emit('closeAudio',e.srcElement.currentSrc)
+    }
     },
 };
 </script>

--
Gitblit v1.9.1