From 88c89a86c370f9824e975d8958bfd057013aa9fd Mon Sep 17 00:00:00 2001
From: user1 <10901603+no-distractions1@user.noreply.gitee.com>
Date: 星期五, 14 六月 2024 18:10:15 +0800
Subject: [PATCH] 艺术戏剧（优化）

---
 src/books/artAndDrama/assets/main.less |  104 ++++++++++++++++++++++++++++++++++++++++++++++------
 1 files changed, 92 insertions(+), 12 deletions(-)

diff --git a/src/books/artAndDrama/assets/main.less b/src/books/artAndDrama/assets/main.less
index 8e97bab..4aa7c90 100644
--- a/src/books/artAndDrama/assets/main.less
+++ b/src/books/artAndDrama/assets/main.less
@@ -421,7 +421,9 @@
     margin-bottom: 20px;
     box-shadow: 0 3px 6px 1px #00000029;
     background-color: #fff;
+    padding-bottom: 117px;
   }
+
   ul {
     list-style: none;
     margin: 0;
@@ -510,22 +512,96 @@
       outline: none;
     }
   }
-}
-  /* 濯掍綋鏌ヨ鍋氬熀纭�鍝嶅簲寮忓竷灞� */
-  @media (max-width: 430px) {
-    .ans-drama  {
-      .page-box {
-        min-height: 750px;
-      }
-      .pg-mh {
-        min-height: 815px !important; 
-      }
+  .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 {
@@ -534,6 +610,9 @@
       /* video澶у皬 */
       .video-box {
         max-width: 260px;
+      }
+      .page-box{
+        min-height: 500px;
       }
     }
   }
@@ -548,6 +627,7 @@
       .video-box {
         max-width: 370px;
       }
+
     }
   }
 ::-webkit-scrollbar {

--
Gitblit v1.9.1