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/chapter002.vue |   35 +++++++++++++++++++++--------------
 1 files changed, 21 insertions(+), 14 deletions(-)

diff --git a/src/books/artAndDrama/view/components/chapter002.vue b/src/books/artAndDrama/view/components/chapter002.vue
index c9c21d4..e4e8ebb 100644
--- a/src/books/artAndDrama/view/components/chapter002.vue
+++ b/src/books/artAndDrama/view/components/chapter002.vue
@@ -4,7 +4,7 @@
       <div v-if="showPageList.indexOf(14) > -1">
         <h1 id="a004">
           <img class="img-0" alt="" src="../../assets/images/dy2.jpg" />
-          <audio :src="auidoPathOne" controls></audio>
+          <audio :src="auidoPathOne" controls class="audio"  @play="audioPlay"></audio>
         </h1>
         <div class="bodystyle">
           <div class="bk">
@@ -31,8 +31,8 @@
         <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">
-          <img src="../../assets/images/page5.png" alt="" />
           <h2 id="b006">绗竴璇俱��浜斿畼鐨勫姏閲�</h2>
           <h3 class="lefth3" id="c011">
             <img class="img-gn1" alt="" src="../../assets/images/rhybx.jpg" />
@@ -70,17 +70,17 @@
     <div class="page-box" page="16">
       <div v-if="showPageList.indexOf(16) > -1">
         <h1>
-          <img src="../../assets/images/page6-header-green.png" alt="" style="height: auto; width: 100%" />
+          <img src="../../assets/images/unit2-header-img.png" alt="" style="height: auto; width: 100%" />
         </h1>
         <div class="bodystyle">
           <h2 id="b007">绗簩璇俱��鏄庡療绉嬫</h2>
           <h3 class="lefth3" id="c013"><img class="img-gn1" alt="" src="../../assets/images/rhybx.jpg" /></h3>
           <p><span class="hs1">鈼�</span>鎴戜滑鐨勪笘鐣屼簲褰╂枒鏂撱�傝浣犲~涓�濉紝鎻愬埌杩欎簺棰滆壊锛屼綘鎯冲埌浜嗗摢浜涗簨鐗╋紵</p>
-          <p>榛勮壊锛氭煚妾��<input v-model="questionData.warnUp.three" class="input-bottom-border fz-18" @change="setBookQuestion"  style="width: 10%"/>銆�<input v-model="questionData.warnUp.four" class="input-bottom-border fz-18" @change="setBookQuestion"  style="width: 10%"/>銆�</p>
-          <p>绾㈣壊锛氶灜鐐��<input v-model="questionData.warnUp.five" class="input-bottom-border fz-18" @change="setBookQuestion"  style="width: 10%"/>銆�<input v-model="questionData.warnUp.six" class="input-bottom-border fz-18" @change="setBookQuestion"  style="width: 10%"/>銆�</p>
-          <p>缁胯壊锛氬彾瀛愩��<input v-model="questionData.warnUp.seven" class="input-bottom-border fz-18" @change="setBookQuestion"  style="width: 10%"/>銆�<input v-model="questionData.warnUp.eight" class="input-bottom-border fz-18" @change="setBookQuestion"  style="width: 10%"/>銆�</p>
-          <p>榛戣壊锛氶粦鏉裤��<input v-model="questionData.warnUp.nine" class="input-bottom-border fz-18" @change="setBookQuestion"  style="width: 10%"/>銆�<input v-model="questionData.warnUp.ten" class="input-bottom-border fz-18" @change="setBookQuestion"  style="width: 10%"/>銆�</p>
-          <p>钃濊壊锛氬ぇ娴枫��<input v-model="questionData.warnUp.eleven" class="input-bottom-border fz-18" @change="setBookQuestion"  style="width: 10%"/>銆�<input v-model="questionData.warnUp.twelve" class="input-bottom-border fz-18" @change="setBookQuestion"  style="width: 10%"/>銆�</p>
+          <p>榛勮壊锛氭煚妾��<input v-model="questionData.warnUp.three" class="input-bottom-border fz-18" @change="setBookQuestion"  style="width: 15%"/>銆�<input v-model="questionData.warnUp.four" class="input-bottom-border fz-18" @change="setBookQuestion"  style="width: 15%"/>銆�</p>
+          <p>绾㈣壊锛氶灜鐐��<input v-model="questionData.warnUp.five" class="input-bottom-border fz-18" @change="setBookQuestion"  style="width: 15%"/>銆�<input v-model="questionData.warnUp.six" class="input-bottom-border fz-18" @change="setBookQuestion"  style="width: 15%"/>銆�</p>
+          <p>缁胯壊锛氬彾瀛愩��<input v-model="questionData.warnUp.seven" class="input-bottom-border fz-18" @change="setBookQuestion"  style="width: 15%"/>銆�<input v-model="questionData.warnUp.eight" class="input-bottom-border fz-18" @change="setBookQuestion"  style="width: 15%"/>銆�</p>
+          <p>榛戣壊锛氶粦鏉裤��<input v-model="questionData.warnUp.nine" class="input-bottom-border fz-18" @change="setBookQuestion"  style="width: 15%"/>銆�<input v-model="questionData.warnUp.ten" class="input-bottom-border fz-18" @change="setBookQuestion"  style="width: 15%"/>銆�</p>
+          <p>钃濊壊锛氬ぇ娴枫��<input v-model="questionData.warnUp.eleven" class="input-bottom-border fz-18" @change="setBookQuestion"  style="width: 15%"/>銆�<input v-model="questionData.warnUp.twelve" class="input-bottom-border fz-18" @change="setBookQuestion"  style="width: 15%"/>銆�</p>
           <h3 class="lefth3" id="c014"><img class="img-gn1" alt="" src="../../assets/images/czysj.jpg" /></h3>
           <p><span class="hs1">鈼�</span>闃呰涓嬮潰鐨勬枃瀛楋紝涓哄皬铓傝殎閫夋嫨涓�绉嶆�ф牸鍚с��</p>
           <p class="center  openImgBox"><img class="img-e" alt="" src="../../assets/images/2-2.gif" /></p>
@@ -101,14 +101,15 @@
         <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="b008">绗笁璇俱��闂诲0璇嗕汉</h2>
           <h3 class="lefth3" id="c015"><img class="img-gn1" alt="" src="../../assets/images/rhybx.jpg" /></h3>
           <p>甯歌█閬擄細鑹█涓�鍙ヤ笁鍐殩锛屾伓璇激浜哄叚鏈堝瘨銆傝瑷�鍦ㄤ汉涓庝汉鐨勪氦寰�涓捣鐫�閲嶈鐨勪綔鐢紝鏈夌潃鏃犵┓鐨勫姏閲忋��</p>
           <p><span class="hs1">鈼�</span>濡傛灉鏈嬪弸蹇冩儏涓嶅ソ锛屼綘璇ユ�庝箞瀹夋叞浠�/濂瑰憿锛�</p>
-          <p>鈥�<input v-model="questionData.warnUp.thirteen" class="input-bottom-border fz-18" @change="setBookQuestion"  style="width: 50%"/>鈥�</p>
+          <p>鈥�<input v-model="questionData.warnUp.thirteen" class="input-bottom-border fz-18" @change="setBookQuestion"  style="width: 80%"/>銆傗��</p>
           <p><span class="hs1">鈼�</span>濡傛灉浣犻個璇峰ソ鏈嬪弸鏉ュ閲屽仛瀹紝浣犺璇翠粈涔堟潵娆㈣繋浠�/濂瑰憿锛�</p>
-          <p>鈥�<input v-model="questionData.warnUp.fourteen" class="input-bottom-border fz-18" @change="setBookQuestion"  style="width: 50%"/>鈥�</p>
+          <p>鈥�<input v-model="questionData.warnUp.fourteen" class="input-bottom-border fz-18" @change="setBookQuestion"  style="width: 80%"/>銆傗��</p>
           <h3 class="lefth3" id="c016"><img class="img-gn1" alt="" src="../../assets/images/czysj.jpg" /></h3>
           <p><span class="hs1">鈼�</span>璇锋牴鎹彁绀鸿鍑哄彞瀛愶紝娉ㄦ剰澹伴煶鍜岃姘旂殑鍙樺寲銆�</p>
           <p><span class="hs">杩欎竴澶у潡濂堕叒閮芥槸鎴戠殑浜嗭紒</span>锛堜竴鍙嫛鐚剧殑铓傝殎锛屾兂瑕佹妸濂堕叒鍋峰伔鍦板崰涓哄繁鏈夛級</p>
@@ -125,7 +126,7 @@
     <div class="page-box" page="18">
       <div v-if="showPageList.indexOf(18) > -1">
         <h1>
-          <img src="../../assets/images/header-green.png" alt="" style="width: 100%; height: auto" />
+          <img src="../../assets/images/unit2-header-img.png" alt="" style="width: 100%; height: auto" />
         </h1>
         <div class="bodystyle">
           <p><span class="hs">杩欏潡濂堕叒澶矇浜嗭紝鎴戜滑浼戞伅涓�涓嬪惂锛�</span>锛堜竴鍙急灏忕殑铓傝殎锛屽湪鍚戣殏铓侀槦闀胯姹備紤鎭級</p>
@@ -143,6 +144,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="b009">绗洓璇俱��鐪熷惉鐪熺湅鐪熸劅鍙�</h2>
           <h3 class="lefth3" id="c017"><img class="img-gn1" alt="" src="../../assets/images/rhybx.jpg" /></h3>
@@ -165,7 +167,7 @@
     <div class="page-box" page="20">
       <div v-if="showPageList.indexOf(20) > -1">
         <h1>
-          <img src="../../assets/images/page6-header-green.png" alt="" style="width: 100%; height: auto" />
+          <img src="../../assets/images/unit2-header-img.png" alt="" style="width: 100%; height: auto" />
         </h1>
         <div class="bodystyle">
           <h2 id="b010">鍗曞厓娲诲姩浠诲姟</h2>
@@ -190,17 +192,19 @@
         <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">
           <p><span class="hs1">鈼�</span>鍚逛箳涔撶悆缁冧範</p>
           <p>鐢ㄦ皵鎭皢妗岄潰涓婄殑涔掍箵鐞冧粠鈥滆捣鐐光�濊繍閫佽嚦鈥滅粓鐐光�濓紝杩愰�佽繃绋嬩腑閬垮厤涔掍箵鐞冭Е纰伴殰纰嶇墿銆�</p>
-          <h3 class="lefth3" id="c020"><img class="img-gn1" alt="" src="../../assets/images/czysj.jpg" /></h3>
+          <h3 class="lefth3" id="c020"><img class="img-gn1" alt="" src="../../assets/images/tzyys.jpg" /></h3>
           <p><span class="hs1">鈼�</span>璇疯蛋杩涘墽鍦鸿鐪嬩笉鍚屽墽绉嶇殑鐜板満婕斿嚭锛屾劅鍙楁垙鍓х殑榄呭姏鍚э紒</p>
           <p class="center">
             <video :src="videoPathOne" webkit-playsinline="true" x-webkit-airplay="true" playsinline="true"
               x5-video-orientation="h5" x5-video-player-fullscreen="true" x5-playsinline="" controls
               controlslist="nodownload" class="w100"
               style="margin-top: 40px; border-radius: 10px; border: 2px solid green;"></video>
-          <h2>瑙嗛: 鎯熷鎯熻倴鐨勪汉鐗�</h2></p>
+          <h2>瑙嗛: 鎯熷鎯熻倴鐨勪汉鐗�</h2>
+        </p>
         </div>
       </div>
       <!-- 姝ゅ涓洪〉鑴氶儴鍒嗭紙闇�瑕佽缃〉鐮侊級 -->
@@ -288,6 +292,9 @@
         JSON.stringify(this.questionData)
       );
     },
+    audioPlay(e) {
+      this.$emit('closeAudio',e.srcElement.currentSrc)
+    }
   },
 };
 </script>

--
Gitblit v1.9.1