From 63a7d4f2bb7fdeaa1e6ed616a14c213d91d25a99 Mon Sep 17 00:00:00 2001
From: zhongshujie <2862698242@qq.com>
Date: 星期五, 27 十二月 2024 15:21:21 +0800
Subject: [PATCH] 轮播图优化
---
src/books/artAndDrama/view/components/chapter005.vue | 29 +++++++++++++++++++----------
1 files changed, 19 insertions(+), 10 deletions(-)
diff --git a/src/books/artAndDrama/view/components/chapter005.vue b/src/books/artAndDrama/view/components/chapter005.vue
index be49fe1..1efaf09 100644
--- a/src/books/artAndDrama/view/components/chapter005.vue
+++ b/src/books/artAndDrama/view/components/chapter005.vue
@@ -10,7 +10,7 @@
<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 selections"><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,7 +36,7 @@
<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 mar-b-5" src="../../assets/images/page5.png" alt="" />
<div class="bodystyle">
@@ -55,7 +55,7 @@
<p class="block text">銆愯殏铓侀槦闀胯蛋鍒板ザ閰潰鍓嶄娇鍔叉姮銆�</p>
<p class="block text">铓傝殎闃熼暱锛氬搸鍝燂紝鍝庡摕锛屽搸鍝熷摕銆�</p>
<p class="block text">銆愯殏铓侀槦闀夸竴娆′篃娌℃姮璧锋潵銆�</p>
- <p class="block3 selections"><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>
@@ -85,7 +85,7 @@
<p class="block text">銆愰煶涔愯捣锛岃殏铓佷滑鎶潃濂堕叒鍚戝墠璧扮潃銆�</p>
<p class="block text">铓傝殎浠細濂堕叒锛佸ザ閰紒鎴戜滑鐨勫ザ閰紒濂堕叒锛佸ザ閰紒鎴戜滑涓�璧峰垎浜��</p>
<p class="block text">銆愯殏铓佷滑闄堕唹涓��</p>
- <p class="block3 selections"><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>
@@ -112,7 +112,7 @@
</h1>
<img class="headerimg " src="../../assets/images/page5.png" alt="" />
<div class="bodystyle">
- <p class="block3 selections"><span class="hs">閫夋4</span></p>
+ <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">铓傝殎闃熼暱锛氬叏浣撻兘鏈夛紒绋嶆伅锛佺珛姝ｏ紒鍚戝悗鈥旇浆锛侀綈姝モ�旇蛋锛�</p>
<p class="block text">铓傝殎闃熼暱锛氱珛鈥斿畾锛佸師鍦颁紤鎭紒</p>
<p class="block text">銆愯殏铓佷滑璺熼殢鍙ｄ护娑堝け鍦ㄨ崏涓涢噷銆�</p>
- <p class="block3 selections"><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">铓傝殎闃熼暱锛氾紙灏忓０锛夊樋鍢垮樋锛屽悆鎺夊悗灏辫琚鍒蛋鎴栬�呭氨璇磋鑰侀拱鍚冩帀灏卞ソ鍟︼紒</p>
<p class="block text">銆愯殏铓侀槦闀夸綆涓嬪ご锛屽梾浜嗕竴涓嬪ザ閰��</p>
@@ -199,6 +199,11 @@
<div class="page-footer-number-left">40</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>
@@ -253,18 +258,22 @@
background-color: rgb(188, 220, 164);
padding: 5% 0%;
}
-.mar-t-b-5{
+
+.mar-t-b-5 {
margin: 5% 0;
}
-.mar-b-5{
+
+.mar-b-5 {
margin-bottom: 5%;
}
-.selections{
+
+.selections {
margin-top: 5%;
margin-bottom: 1%;
margin: 5% 8% 1% 8%
}
-.ft-25{
+
+.ft-25 {
font-size: 25px;
font-family: "STkaiti";
}
--
Gitblit v1.9.1