From f77e02b69e4512f00251929b14888f3e6bbac37f Mon Sep 17 00:00:00 2001
From: zhongshujie <2862698242@qq.com>
Date: 星期一, 09 九月 2024 10:41:19 +0800
Subject: [PATCH] 艺术戏剧(bug解决)

---
 src/books/artAndDrama/view/components/chapter001.vue |   54 +++++++++++++++++++++++++++---------------------------
 1 files changed, 27 insertions(+), 27 deletions(-)

diff --git a/src/books/artAndDrama/view/components/chapter001.vue b/src/books/artAndDrama/view/components/chapter001.vue
index 2afd848..cee59a7 100644
--- a/src/books/artAndDrama/view/components/chapter001.vue
+++ b/src/books/artAndDrama/view/components/chapter001.vue
@@ -4,7 +4,7 @@
       <div v-if="showPageList.indexOf(4) > -1">
         <h1 id="a004">
           <img class="img-0" alt="" src="../../assets/images/dy1.jpg" />
-          <audio :src="auidoPathOne" controls controlslist="noplaybackrate nodownload" class="audio"></audio>
+          <audio style="margin-top: 1em" :src="auidoPathOne" controls controlslist="noplaybackrate nodownload" class="audio"></audio>
         </h1>
         <div class="bodystyle">
           <div class="bk">
@@ -36,11 +36,11 @@
           <h3 class="lefth3" id="c001">
             <img class="img-gn1" alt="" src="../../assets/images/rhybx.jpg" />
           </h3>
-          <p class="text">
+          <p class="text ">
             鍦ㄨ瑷�琛ㄨ堪涓紝涓轰簡绐佸嚭鎴栧己璋冩煇浜涙剰鎬濓紝鎴戜滑浼氫娇鐢ㄢ�滈�昏緫閲嶉煶鈥濊繖涓�鎶�宸с�傚悓鏍蜂竴鍙ヨ瘽锛屼笉鍚岀殑閫昏緫閲嶉煶鍙互琛ㄨ揪鍑轰笉涓�鏍风殑鎰忔�濄��
           </p>
-          <p class="text">
-            <span class="hs1">鈼�</span>澶у0鏈楄涓嬮潰鐨勫彞瀛愶紝杩炰竴杩炰笉鍚岄�昏緫閲嶉煶寮鸿皟鐨勬剰鎬濄��
+          <p class="text rhombusFather">
+            <span class="hs1 rhombus">鈼�</span>澶у0鏈楄涓嬮潰鐨勫彞瀛愶紝杩炰竴杩炰笉鍚岄�昏緫閲嶉煶寮鸿皟鐨勬剰鎬濄��
           </p>
           <h1>
             <!-- <audio :src="auidoPathTwo" controls controlslist="noplaybackrate nodownload" class="audio"
@@ -102,8 +102,8 @@
           <h3 class="lefth3" id="c003">
             <img class="img-gn1" alt="" src="../../assets/images/rhybx.jpg" />
           </h3>
-          <p class="text">
-            <span class="hs1">鈼�</span>璇峰皢浠ヤ笅璇炬枃閫夋澶у0鏈楄鍑烘潵锛屽姞鐐圭殑瀛楄閲嶈銆�
+          <p class="text rhombusFather">
+            <span class="hs1 rhombus" style="">鈼�</span>璇峰皢浠ヤ笅璇炬枃閫夋澶у0鏈楄鍑烘潵锛屽姞鐐圭殑瀛楄閲嶈銆�
           </p>
           <h1><audio :src="auidoPathThree" controls controlslist="noplaybackrate nodownload" class="audio"></audio></h1>
           <div class="bj3">
@@ -122,8 +122,8 @@
           <h3 class="lefth3" id="c004">
             <img class="img-gn1" alt="" src="../../assets/images/czysj.jpg" />
           </h3>
-          <p class="text">
-            <span class="hs1">鈼�</span>鍦ㄣ�婁竴鍧楀ザ閰�嬬殑鏁呬簨涓紝灏忚殏铓佷滑閮芥湁鍚勮嚜鐨勭珛鍦猴紝浣犺兘鐞嗚В浠栦滑鐨勬兂娉曞悧锛熻浣犲拰鍚屼即鏍规嵁鏁呬簨鍐呭璁ㄨ涓�涓嬨��
+          <p class="text rhombusFather">
+            <span class="hs1 rhombus">鈼�</span>鍦ㄣ�婁竴鍧楀ザ閰�嬬殑鏁呬簨涓紝灏忚殏铓佷滑閮芥湁鍚勮嚜鐨勭珛鍦猴紝浣犺兘鐞嗚В浠栦滑鐨勬兂娉曞悧锛熻浣犲拰鍚屼即鏍规嵁鏁呬簨鍐呭璁ㄨ涓�涓嬨��
           </p>
           <hr style="margin-left: 9%; margin-top: 10%; width: 25%;" />
           <p class="note left1 references">
@@ -148,8 +148,8 @@
           <h3 class="lefth3" id="c006">
             <img class="img-gn1" alt="" src="../../assets/images/rhybx.jpg" />
           </h3>
-          <p class="text">
-            <span class="hs1">鈼�</span>璇峰皢浠ヤ笅璇炬枃閫夋澶у0鏈楄鍑烘潵锛屽姞鐐圭殑瀛楄閲嶈銆�
+          <p class="text rhombusFather">
+            <span class="hs1 rhombus">鈼�</span>璇峰皢浠ヤ笅璇炬枃閫夋澶у0鏈楄鍑烘潵锛屽姞鐐圭殑瀛楄閲嶈銆�
           </p>
           <h1 class="lefth3 openImgBox" id="c005">
             <img class="img-gn1" alt="" src="../../assets/images/1-3.gif" style="height: auto; width: 50%" />
@@ -196,9 +196,9 @@
           <h1 class="center openImgBox">
             <img class="img-e" alt="" src="../../assets/images/1-4.gif" style="height: auto; width: 50%" />
           </h1>
-          <p class="text">
+          <p class="text rhombusFather">
             <span
-              class="hs1">鈼�</span>鐢熸椿涓紝鎴戜滑鎬讳細閬囧埌鍚勭鍚勬牱鐨勮鎯戙�傞潰瀵硅鎯戞椂锛屾垜浠殑鍐呭績甯稿父浼氭湁涓や釜涓嶅悓鐨勫0闊冲嚭鐜帮細涓�涓0闊宠姹傛垜浠弗浜庡緥宸憋紝鍙︿竴涓0闊宠姹傛垜浠殢蹇冩墍娆层�傝浣犲垎鏋愪竴涓嬶紝褰撹殏铓侀槦闀块潰瀵规帀钀界殑濂堕叒娓g殑璇辨儜鏃讹紝浠栧唴蹇冪殑涓や釜澹伴煶浼氳浜涗粈涔堝憿锛�
+              class="hs1 rhombus">鈼�</span>鐢熸椿涓紝鎴戜滑鎬讳細閬囧埌鍚勭鍚勬牱鐨勮鎯戙�傞潰瀵硅鎯戞椂锛屾垜浠殑鍐呭績甯稿父浼氭湁涓や釜涓嶅悓鐨勫0闊冲嚭鐜帮細涓�涓0闊宠姹傛垜浠弗浜庡緥宸憋紝鍙︿竴涓0闊宠姹傛垜浠殢蹇冩墍娆层�傝浣犲垎鏋愪竴涓嬶紝褰撹殏铓侀槦闀块潰瀵规帀钀界殑濂堕叒娓g殑璇辨儜鏃讹紝浠栧唴蹇冪殑涓や釜澹伴煶浼氳浜涗粈涔堝憿锛�
           </p>
           <p class="text t-l">姝d箟闃熼暱锛�
             <textarea v-model="questionData.reading.one" placeholder="璇疯緭鍏ュ唴瀹�" rows="6"
@@ -230,8 +230,8 @@
           <h3 class="lefth3" id="c007">
             <img class="img-gn1" alt="" src="../../assets/images/rhybx.jpg" />
           </h3>
-          <p class="text">
-            <span class="hs1">鈼�</span>璇峰皢浠ヤ笅璇炬枃閫夋澶у0鏈楄鍑烘潵锛屽姞鐐圭殑瀛楄閲嶈銆�
+          <p class="text rhombusFather">
+            <span class="hs1 rhombus">鈼�</span>璇峰皢浠ヤ笅璇炬枃閫夋澶у0鏈楄鍑烘潵锛屽姞鐐圭殑瀛楄閲嶈銆�
           </p>
           <h1>
             <audio :src="auidoPathFive" controls controlslist="noplaybackrate nodownload" class="audio"></audio>
@@ -251,8 +251,8 @@
           <h3 class="lefth3" id="c008">
             <img class="img-gn1" alt="" src="../../assets/images/czysj.jpg" />
           </h3>
-          <p class="text">
-            <span class="hs1">鈼�</span>鍋囧浣犳槸鎼繍濂堕叒鐨勮殏铓侊紝浣犺鎬庝箞鎼繍涓嶅悓褰㈢姸銆佸ぇ灏忕殑濂堕叒鍛紵璇峰厛涓鸿嚜宸辫璁′竴涓墽鏈惂锛�
+          <p class="text rhombusFather">
+            <span class="hs1 rhombus">鈼�</span>鍋囧浣犳槸鎼繍濂堕叒鐨勮殏铓侊紝浣犺鎬庝箞鎼繍涓嶅悓褰㈢姸銆佸ぇ灏忕殑濂堕叒鍛紵璇峰厛涓鸿嚜宸辫璁′竴涓墽鏈惂锛�
           </p>
           <p class="text">
             鎴戞槸铓傝殎 <input v-model="questionData.warnUp.one" class="input-bottom-border fz-18" style=" width: 13%;"
@@ -288,8 +288,8 @@
           <p class="center openImgBox">
             <img class="img-e" alt="" src="../../assets/images/1-5.gif" />
           </p>
-          <p class="text">
-            <span class="hs1">鈼�</span>铓傝殎闃熼暱鎶婂ザ閰福鐣欑粰浜嗗勾榫勬渶灏忕殑铓傝殎锛岃耽寰椾簡澶у鐨勮鍙�傚湪鐢熸椿涓紝浣犳浘缁忓儚鈥滆殏铓侀槦闀库�濅竴鏍风埍鎶ゅ急灏忓悧锛熸垨鑰呭儚鈥滃皬铓傝殎鈥濅竴鏍峰緱鍒拌繃鍝ュ摜濮愬浠殑鍏崇埍鍚楋紵
+          <p class="text rhombusFather">
+            <span class="hs1 rhombus">鈼�</span>铓傝殎闃熼暱鎶婂ザ閰福鐣欑粰浜嗗勾榫勬渶灏忕殑铓傝殎锛岃耽寰椾簡澶у鐨勮鍙�傚湪鐢熸椿涓紝浣犳浘缁忓儚鈥滆殏铓侀槦闀库�濅竴鏍风埍鎶ゅ急灏忓悧锛熸垨鑰呭儚鈥滃皬铓傝殎鈥濅竴鏍峰緱鍒拌繃鍝ュ摜濮愬浠殑鍏崇埍鍚楋紵
           </p>
         </div>
         <!-- 姝ゆ涓洪〉鑴氶儴鍒嗭紙闇�瑕佽缃〉鐮侊級 -->
@@ -309,8 +309,8 @@
           <h3 class="lefth3" id="c009">
             <img class="img-gn1" alt="" src="../../assets/images/xsyty.jpg" />
           </h3>
-          <p class="text ends">
-            <span><span class="hs1">鈼�</span>鏀惧ぇ缂╁皬</span>
+          <p class="text ends rhombusFather">
+            <span><span class="hs1 rhombuSpecial">鈼�</span>鏀惧ぇ缂╁皬</span>
             <span> <audio :src="auidoPathSex" controls controlslist="noplaybackrate nodownload" class="audio"></audio>
             </span>
           </p>
@@ -318,16 +318,16 @@
             璇蜂綘浜ゆ浛鈥滄斁澶р�濆拰鈥滅缉灏忊�濅簲瀹樸�傚湪鈥滄斁澶р�濇椂锛屾兂璞′簲瀹樿椋炲埌澶栧お绌猴紱鍦ㄢ�滅缉灏忊�濇椂锛屾兂璞′簲瀹樺叏閮ㄧ缉灏忓埌浜嗛蓟灏栦笂銆�
           </p>
 
-          <p class="text ends">
-            <span><span class="hs1">鈼�</span>鎻愬崌鑻规灉鑲�</span>
+          <p class="text ends rhombusFather">
+            <span><span class="hs1 rhombuSpecial">鈼�</span>鎻愬崌鑻规灉鑲�</span>
             <span><audio :src="auidoPathSeven" controls controlslist="noplaybackrate nodownload" class="audio"></audio>
             </span>
           </p>
           <p class="text">
             鎯宠薄浣犲湪涓�涓檶鐢熺殑鍦版柟锛岃皝閮戒笉璁よ瘑锛岀獊鐒堕亣瑙佷簡濂芥湅鍙嬶紝浣犲緢楂樺叴锛屼笂鍓嶅拰浠�/濂规墦鎷涘懠銆傚仛涓�鍋氫綘姝ゆ椂鐨勮〃鎯呭惂銆�
           </p>
-          <p class="text ends">
-            <span><span class="hs1">鈼�</span>寰瑧璇粹�渁ng鈥�</span>
+          <p class="text ends rhombusFather">
+            <span  style="text-wrap: nowrap"><span class="hs1 rhombuSpecial">鈼�</span>寰瑧璇粹�渁ng鈥�</span>
             <span><audio :src="auidoPathEight" controls controlslist="noplaybackrate nodownload"
                 class="audio"></audio></span>
           </p>
@@ -335,8 +335,8 @@
             璇蜂綘璇曚竴璇曞湪鎻愬崌鑻规灉鑲岀殑鍩虹涓婏紝鍙戝嚭鈥渁ng鈥濈殑闊炽�傚0闊宠灏藉彲鑳芥媺闀裤�佷繚鎸佺ǔ瀹氾紝骞跺悜杩滈�併��
           </p>
 
-          <p class="text ends">
-            <span style="text-wrap: nowrap"><span class="hs1">鈼�</span>鍚戣繙灞卞枈鈥滈樋姣涒��</span>
+          <p class="text ends rhombusFather">
+            <span style="text-wrap: nowrap"><span class="hs1 rhombuSpecial">鈼�</span>鍚戣繙灞卞枈鈥滈樋姣涒��</span>
             <span style="margin-left: -4%;"><audio :src="auidoPathNine" controls
                 controlslist="noplaybackrate nodownload" class="audio"></audio></span>
 
@@ -362,7 +362,7 @@
           <h3 class="lefth3" id="c010">
             <img class="img-gn1" alt="" src="../../assets/images/tzyys.jpg" />
           </h3>
-          <p class="text"><span class="hs1">鈼�</span>鎺掍竴鎺捖锋紨涓�婕旓細瀛旇瀺璁╂ⅷ</p>
+          <p class="text rhombusFather"><span class="hs1 rhombus">鈼�</span>鎺掍竴鎺捖锋紨涓�婕旓細瀛旇瀺璁╂ⅷ</p>
           <p class="text">
             瀛旇瀺鍥涘瞾灏辨噦绀艰矊銆佺煡璋﹁锛屾槸鎴戜滑瀛︿範鐨勫ソ姒滄牱锛岃鎴戜滑杩愮敤鏈崟鍏冪殑鎴忓墽鐭ヨ瘑锛屾妸浠栫殑鏁呬簨琛ㄦ紨鍑烘潵鍚э紒
           </p>

--
Gitblit v1.9.1