From 30d147c4c92dbfd5ca1b2f8c24a617dc82d2d25b Mon Sep 17 00:00:00 2001
From: zhongshujie <2862698242@qq.com>
Date: 星期一, 28 四月 2025 18:34:51 +0800
Subject: [PATCH] Merge branch 'master' of http://182.92.203.7:2001/r/testbookLayout

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

diff --git a/src/books/artAndDrama/view/components/chapter005.vue b/src/books/artAndDrama/view/components/chapter005.vue
index e85a5da..1efaf09 100644
--- a/src/books/artAndDrama/view/components/chapter005.vue
+++ b/src/books/artAndDrama/view/components/chapter005.vue
@@ -5,12 +5,12 @@
                 <h1>
                     <img src="../../assets/images/unit5-header-img.png" alt="" style="width: 100%; height: auto" />
                 </h1>
-                <div class="bodystyle" style="margin-top: 3%">
-                    <h1 id="a008" class="problem" style="color: black; font-weight: 500; margin-bottom: 10%">闄勩��褰�</h1>
-                    <p class="block3" style=""><span class="hs">鍓ф湰</span></p>
-                    <p class="center1 text" style="font-size: 25px; margin: 3% 0;"><span class="hs">涓�鍧楀ザ閰�</span></p>
+                <div class="bodystyle">
+                    <p class="center text3">闄勩��褰�</p>
+                    <p class="block3"><span class="hs">鍓ф湰</span></p>
+                    <p class="center1 mar-t-b-5"><span class="hs ft-25">涓�鍧楀ザ閰�</span></p>
                     <p class="block text">婕斿憳琛細铓傝殎闃熼暱銆佸皬铓傝殎銆佸ぇ澶磋殏铓併�佸皬鐪奸暅铓傝殎銆佽殏铓佸皬濡广�佸ザ閰汉</p>
-                    <p class="block3 text" style="margin-top: 4%"><span class="hs">閫夋1</span></p>
+                    <p class="block3 selections special-P"><span class="hs">閫夋1</span></p>
                     <p class="block text">銆愯捣鍏夛紝铓傝殎闃熼暱涓婂満銆�</p>
                     <p class="block text">鍜诲捇鈥�</p>
                     <p class="block text">銆愯殏铓侀槦闀垮惞鍝嶉泦鍚堝彿锛岃殏铓佷滑杩呴�熻窇涓婂満绔欏ソ闃熷舰銆�</p>
@@ -36,10 +36,10 @@
         <div class="page-box" page="39">
             <div v-if="showPageList.indexOf(39) > -1">
                 <h1>
-                    <img src="../../assets/images/header-green.png" alt="" style="width: 100%; height: auto" />
+                    <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" style="margin-top: 3%">
+                <img class="headerimg mar-b-5" src="../../assets/images/page5.png" alt="" />
+                <div class="bodystyle">
                     <p class="block text">澶уご铓傝殎锛氾紙鎸囩潃锛夎繖閲屾湁涓�鍧楀ぇ濂堕叒锛�</p>
                     <p class="block text">銆愪竴鍧楀ザ閰紙婕斿憳锛夎洞鍦ㄨ钀藉銆�</p>
                     <p class="block text">铓傝殎闃熼暱锛氾紙鍏村锛夊摝锛�</p>
@@ -55,7 +55,7 @@
                     <p class="block text">銆愯殏铓侀槦闀胯蛋鍒板ザ閰潰鍓嶄娇鍔叉姮銆�</p>
                     <p class="block text">铓傝殎闃熼暱锛氬搸鍝燂紝鍝庡摕锛屽搸鍝熷摕銆�</p>
                     <p class="block text">銆愯殏铓侀槦闀夸竴娆′篃娌℃姮璧锋潵銆�</p>
-                    <p class="block3 text" style="margin-top: 4%"><span class="hs">閫夋2</span></p>
+                    <p class="block3 selections special-P"><span class="hs">閫夋2</span></p>
                     <p class="block text">铓傝殎闃熼暱锛氾紙璧疯韩锛�<span class="un1">鎴戝喅瀹氫簡</span>锛佸ぇ瀹�<span
                             class="un1">涓�璧锋惉</span>锛佽繖鍧楀ザ閰互鎴戜负棣栵紝鎼繍鐨勮矾涓�<span class="un1">涓嶈鍋峰悆</span>锛�</p>
                     <p class="block text">铓傝殎浠細<span class="un1">鏄�</span>锛�</p>
@@ -75,7 +75,7 @@
                 <h1>
                     <img src="../../assets/images/unit5-header-img.png" alt="" style="height: auto; width: 100%" />
                 </h1>
-                <div class="bodystyle" style="margin-top: 3%">
+                <div class="bodystyle">
                     <p class="block text">銆愬ザ閰鎶捣銆�</p>
                     <p class="block text">澶уご铓傝殎锛氬搰锛佽繖鍧楀ザ閰�<span class="un1">濂介鍣�</span>锛�</p>
                     <p class="block text">灏忕溂闀滆殏铓侊細鎴戞兂<span class="un1">鍜�</span>涓�鍙o紒</p>
@@ -85,7 +85,7 @@
                     <p class="block text">銆愰煶涔愯捣锛岃殏铓佷滑鎶潃濂堕叒鍚戝墠璧扮潃銆�</p>
                     <p class="block text">铓傝殎浠細濂堕叒锛佸ザ閰紒鎴戜滑鐨勫ザ閰紒濂堕叒锛佸ザ閰紒鎴戜滑涓�璧峰垎浜��</p>
                     <p class="block text">銆愯殏铓佷滑闄堕唹涓��</p>
-                    <p class="block3 text" style="margin-top: 4%"><span class="hs">閫夋3</span></p>
+                    <p class="block3 selections special-P"><span class="hs">閫夋3</span></p>
                     <p class="block text">鍢��</p>
                     <p class="block text">銆愯殏铓佷滑鐢ㄥ姴杩囩寷锛屽ザ閰殑涓�涓鎺変簡銆�</p>
                     <p class="block text">铓傝殎灏忓锛�<span class="un1">鍟�</span>锛侀槦闀匡紒濂堕叒鐨勮<span class="un1">鎺変簡</span>锛�</p>
@@ -110,9 +110,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" style="margin-top: 3%;">
-                    <p class="block3 text" style="margin-top: 4%;"><span class="hs">閫夋4</span></p>
+                <img class="headerimg " src="../../assets/images/page5.png" alt="" />
+                <div class="bodystyle">
+                    <p class="block3 selections special-P"><span class="hs">閫夋4</span></p>
                     <p class="block text">銆愯垶鍙板彉鍏夛紝婕斿憳绔嬫绔欏ソ銆�</p>
                     <p class="block text">铓傝殎闃熼暱锛氫紤鎭竴浼氬効锛�</p>
                     <p class="block text">铓傝殎灏忓锛�<span class="un1">涓轰粈涔�</span>瑕佷紤鎭憖锛�</p>
@@ -124,7 +124,7 @@
                     <p class="block text">铓傝殎闃熼暱锛氬叏浣撻兘鏈夛紒绋嶆伅锛佺珛姝o紒鍚戝悗鈥旇浆锛侀綈姝モ�旇蛋锛�</p>
                     <p class="block text">铓傝殎闃熼暱锛氱珛鈥斿畾锛佸師鍦颁紤鎭紒</p>
                     <p class="block text">銆愯殏铓佷滑璺熼殢鍙d护娑堝け鍦ㄨ崏涓涢噷銆�</p>
-                    <p class="block3 text" style="margin-top: 4%;"><span class="hs">閫夋5</span></p>
+                    <p class="block3 selections special-P"><span class="hs">閫夋5</span></p>
                     <p class="block text">銆愯殏铓侀槦闀垮悜鑽変笡閲屾湜鍘伙紝纭畾娌℃湁澹板搷銆�</p>
                     <p class="block text">铓傝殎闃熼暱锛氾紙灏忓0锛夊樋鍢垮樋锛屽悆鎺夊悗灏辫琚鍒蛋鎴栬�呭氨璇磋鑰侀拱鍚冩帀灏卞ソ鍟︼紒</p>
                     <p class="block text">銆愯殏铓侀槦闀夸綆涓嬪ご锛屽梾浜嗕竴涓嬪ザ閰��</p>
@@ -144,8 +144,7 @@
                 <h1>
                     <img src="../../assets/images/unit5-header-img.png" alt="" style="width: 100%; height: auto" />
                 </h1>
-                <img class="headerimg" src="../../assets/images/page5.png" alt="" />
-                <div class="bodystyle" style="margin-top: 3%">
+                <div class="bodystyle">
                     <p class="block text">濂堕叒浜猴細涓嶈鍚冿紒</p>
                     <p class="block text">铓傝殎闃熼暱锛氾紙鍚撲簡涓�璺筹級浣犱綘浣狅紒浣犳�庝箞<span class="un1">绔�</span>璧锋潵鍟︼紒</p>
                     <p class="block text">濂堕叒浜猴細鎴�<span class="un1">瀹炲湪</span>鐪嬩笉涓嬪幓鍟︼紒</p>
@@ -163,12 +162,12 @@
                             class="un1">璇氬疄瀹堜俊</span>鏄編寰凤紝浣犲悆鎺夊ザ閰<span class="un1">鎾掕皫</span>锛屾拻浜�<span
                             class="un1">涓�涓�</span>璋庡氨瑕佺敤<span class="un1">鏃犳暟</span>鐨勮皫鏉ュ渾绗竴涓皫锛屾渶鍚�<span
                             class="un1">杩樻槸</span>浼氳鍙戠幇锛�</p>
-                    <p class="block  text">铓傝殎闃熼暱锛氾紙浣庡ご锛夋垜涓嶅悆浜嗭紝鎴戠煡閬�<span class="un1">閿欎簡</span>鈥︹�﹀彲鏄紝杩欐帀鍦ㄥ湴涓婄殑濂堕叒鎬庝箞鍔炲憿锛�</p>
-                    <p class="block  text">濂堕叒浜猴細锛堟兂浜嗘兂锛�<span class="un1">鏈夊姙娉�</span>锛佷綘鍙互閫夋嫨澶у<span
+                    <p class="block text">铓傝殎闃熼暱锛氾紙浣庡ご锛夋垜涓嶅悆浜嗭紝鎴戠煡閬�<span class="un1">閿欎簡</span>鈥︹�﹀彲鏄紝杩欐帀鍦ㄥ湴涓婄殑濂堕叒鎬庝箞鍔炲憿锛�</p>
+                    <p class="block text">濂堕叒浜猴細锛堟兂浜嗘兂锛�<span class="un1">鏈夊姙娉�</span>锛佷綘鍙互閫夋嫨澶у<span
                             class="un1">涓�璧峰垎</span>锛屼篃鍙互閫夋嫨缁欏勾榫勬渶灏忕殑铓傝殎鍚冿紒</p>
-                    <p class="block  text">铓傝殎闃熼暱锛�<span class="un1">濂戒富鎰�</span>锛佹垜杩欏氨闂棶澶у锛岃阿璋綘锛�</p>
-                    <p class="block  text">銆愬彉鍏夛紝濂堕叒鎱㈡參鍦拌汉鍦ㄥ湴涓娿��</p>
-                    <p class="block  text">铓傝殎闃熼暱锛氾紙鍠婏級<span class="un1">娉ㄦ剰鍟�</span>锛佸叏浣撻兘鏈夛紒绋嶆伅锛佺珛姝o紒</p>
+                    <p class="block text">铓傝殎闃熼暱锛�<span class="un1">濂戒富鎰�</span>锛佹垜杩欏氨闂棶澶у锛岃阿璋綘锛�</p>
+                    <p class="block text">銆愬彉鍏夛紝濂堕叒鎱㈡參鍦拌汉鍦ㄥ湴涓娿��</p>
+                    <p class="block text">铓傝殎闃熼暱锛氾紙鍠婏級<span class="un1">娉ㄦ剰鍟�</span>锛佸叏浣撻兘鏈夛紒绋嶆伅锛佺珛姝o紒</p>
                 </div>
                 <!-- 姝ゆ涓洪〉鑴氶儴鍒嗭紙闇�瑕佽缃〉鐮侊級 -->
                 <div class="page-footer">
@@ -182,9 +181,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" style="margin-top: 3%">
-                    <p class="block text">鍚戝悗杞紒榻愭璧帮紒</p>
+                <img class="headerimg mar-b-5" src="../../assets/images/page5.png" alt="" />
+                <div class="bodystyle">
+                    <p class="text">鍚戝悗杞紒榻愭璧帮紒</p>
                     <p class="block text">銆愯殏铓佷滑鐢卞洓闈㈠叓鏂硅蛋鍥炴潵銆�</p>
                     <p class="block text">铓傝殎闃熼暱锛氬ぇ瀹朵紤鎭ソ鍟︼紒鎴戞湁涓�涓�<span class="un1">鍐冲畾</span>锛�</p>
                     <p class="block text">铓傝殎浠細浠�涔堝喅瀹氾紵</p>
@@ -193,12 +192,17 @@
                     <p class="block text">銆愰煶涔愯捣锛屽ぇ瀹跺姴鍎挎瘮鍒氭墠鏇磋冻锛屾姮璧峰ザ閰悜灞辨礊璧板幓銆�</p>
                     <p class="block text">銆愭敹鍏夈��</p>
                 </div>
-             <!-- 姝ゆ涓洪〉鑴氶儴鍒嗭紙闇�瑕佽缃〉鐮侊級 -->
+            </div>
+            <!-- 姝ゆ涓洪〉鑴氶儴鍒嗭紙闇�瑕佽缃〉鐮侊級 -->
             <div class="page-footer">
                 <img class="page-footer-image" src="../../assets/images/ym.jpg" alt="Page Image" />
                 <div class="page-footer-number-left">40</div>
             </div>
-         </div>   
+        </div>
+        <div class="page-box mt-20" page="44" style="padding-bottom: 0px;">
+            <div v-if="showPageList.indexOf(44) > -1">
+                <img class="img-0" alt="" src="../../assets/images/fengdi.png" />
+            </div>
         </div>
     </div>
 </template>
@@ -254,4 +258,23 @@
     background-color: rgb(188, 220, 164);
     padding: 5% 0%;
 }
+
+.mar-t-b-5 {
+    margin: 5% 0;
+}
+
+.mar-b-5 {
+    margin-bottom: 5%;
+}
+
+.selections {
+    margin-top: 5%;
+    margin-bottom: 1%;
+    margin: 5% 8% 1% 8%
+}
+
+.ft-25 {
+    font-size: 25px;
+    font-family: "STkaiti";
+}
 </style>
\ No newline at end of file

--
Gitblit v1.9.1