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/assets/main.less |  116 ++++++++++++++++++++++++++++++++++++++++++++++++++++++----
 1 files changed, 108 insertions(+), 8 deletions(-)

diff --git a/src/books/artAndDrama/assets/main.less b/src/books/artAndDrama/assets/main.less
index d978cba..e000d1d 100644
--- a/src/books/artAndDrama/assets/main.less
+++ b/src/books/artAndDrama/assets/main.less
@@ -1,7 +1,7 @@
 .ans-drama {
     width: 100%;
     height: 100%;
-    font-family: "瀹嬩綋", SimSun, sans-serif;
+    font-family: "STKaiti", SimSun, sans-serif;
 span.un1{
     -webkit-text-emphasis-style:dot;
    -moz-text-emphasis-style:dot;
@@ -50,8 +50,9 @@
 div.bodystyle {
   font-size:18px;
   text-align:justify;
-  margin:5%;
+  margin:5% 15%;
   line-height:30px;
+
 }
 
 span.zt-0
@@ -102,7 +103,8 @@
 
 p
 {
-  margin-top:1em;
+  // margin-top:1em;
+  margin: 0;
   text-indent:2em;
   line-height:30px;
   font-size:18px;
@@ -169,7 +171,7 @@
   text-align:center;
   font-size:1.8em;
   color:#515594;
-  margin-bottom:0.5cm;
+  margin-bottom:0%;
   margin-top:0.5cm;
 }
 
@@ -252,6 +254,7 @@
 
 .img-0{	
 width:100%;
+height: auto;
 }
 .imz{
    width:96%;
@@ -421,7 +424,9 @@
     margin-bottom: 20px;
     box-shadow: 0 3px 6px 1px #00000029;
     background-color: #fff;
+    padding-bottom: 117px;
   }
+
   ul {
     list-style: none;
     margin: 0;
@@ -510,11 +515,103 @@
       outline: none;
     }
   }
-  /* 濯掍綋鏌ヨ鍋氬熀纭�鍝嶅簲寮忓竷灞� */
+  // 鏁磋鐨刬nput鏍囩
+  .input-w-66{
+    width: 66%;
+  }
+  .headerimg{
+    margin-left: 5%;
+  }
+  .page-footer {
+    position: relative;
+    display: flex;
+    align-items: center;
+    position: absolute;
+    bottom: 0;
+    /* 鍨傜洿灞呬腑 */
+  }
+  
+  .page-footer-image {
+    /* 鍥剧墖鏍峰紡 */
+    max-width: 100%;
+    height: auto;
+    position: relative;
+    /* 纭繚.page-footer-number鍙互鐩稿浜庡浘鐗囧畾浣� */
+    z-index: 1;
+    /* 纭繚椤电爜鏁板瓧鍦ㄥ浘鐗囦笂鏂� */
+  }
+  
+  .page-footer-number-left {
+    color: black;
+    left: 15%;
+    position: absolute;
+    /* 缁濆瀹氫綅椤电爜 */
+    font-size: 2em;
+    /* 浣犲彲浠ユ牴鎹渶瑕佽皟鏁村瓧浣撳ぇ灏� */
+    z-index: 2;
+  
+    /* 纭繚椤电爜鏁板瓧鍦ㄥ浘鐗囦笂鏂� */
+    /* 浣跨敤::before浼厓绱犲垱寤虹豢鑹插渾褰㈣儗鏅� */
+    &::before {
+      content: "";
+      position: absolute;
+      top: 50%;
+      /* 鍨傜洿灞呬腑 */
+      left: 50%;
+      /* 姘村钩灞呬腑 */
+      transform: translate(-50%, -50%);
+      /* 绉诲姩鍒颁腑蹇� */
+      width: 1.2em;
+      /* 浣犲彲浠ユ牴鎹渶瑕佽皟鏁村渾褰㈠ぇ灏� */
+      height: 1.2em;
+      border-radius: 50%;
+      /* 鍦嗗舰 */
+      background-color: rgba(208, 226, 179);
+      /* 鑳屾櫙棰滆壊 */
+      z-index: -1;
+      /* 纭繚鍦嗗舰鑳屾櫙鍦ㄦ枃鏈笅鏂� */
+    }
+  }
+  .page-footer-number-right {
+    color: black;
+    right: 15%;
+    position: absolute;
+    /* 缁濆瀹氫綅椤电爜 */
+    font-size: 2em;
+    /* 浣犲彲浠ユ牴鎹渶瑕佽皟鏁村瓧浣撳ぇ灏� */
+    z-index: 2;
+  
+    /* 纭繚椤电爜鏁板瓧鍦ㄥ浘鐗囦笂鏂� */
+    /* 浣跨敤::before浼厓绱犲垱寤虹豢鑹插渾褰㈣儗鏅� */
+    &::before {
+      content: "";
+      position: absolute;
+      top: 50%;
+      /* 鍨傜洿灞呬腑 */
+      left: 50%;
+      /* 姘村钩灞呬腑 */
+      transform: translate(-50%, -50%);
+      /* 绉诲姩鍒颁腑蹇� */
+      width: 1.2em;
+      /* 浣犲彲浠ユ牴鎹渶瑕佽皟鏁村渾褰㈠ぇ灏� */
+      height: 1.2em;
+      border-radius: 50%;
+      /* 鍦嗗舰 */
+      background-color: rgba(208, 226, 179);
+      /* 鑳屾櫙棰滆壊 */
+      z-index: -1;
+      /* 纭繚鍦嗗舰鑳屾櫙鍦ㄦ枃鏈笅鏂� */
+    }
+  }
+}
+/* 濯掍綋鏌ヨ鍋氬熀纭�鍝嶅簲寮忓竷灞� */
 @media (max-width: 660px) {
     .ans-drama {
-      /* 鍒嗛〉padding */
-      .page-padding {
+            .pg-mh {
+        min-height: 815px !important; 
+      }
+       /* 鍒嗛〉padding */
+       .page-padding {
         padding: 104px 20px;
       }
       .padding-96 {
@@ -523,6 +620,9 @@
       /* video澶у皬 */
       .video-box {
         max-width: 260px;
+      }
+      .page-box{
+        min-height: 500px;
       }
     }
   }
@@ -537,9 +637,9 @@
       .video-box {
         max-width: 370px;
       }
+
     }
   }
-}
 ::-webkit-scrollbar {
     width: 8px;
     height: 10px;

--
Gitblit v1.9.1