From 27ab76c04884e6cc761872bd390e49afa1b61ebc Mon Sep 17 00:00:00 2001
From: unknown <qq1940665526@163.com>
Date: 星期四, 13 六月 2024 19:54:19 +0800
Subject: [PATCH] 优化

---
 src/books/artAndDrama/assets/main.less |   91 ++++++++++++++++++++++++++++++++++++++++++++-
 1 files changed, 89 insertions(+), 2 deletions(-)

diff --git a/src/books/artAndDrama/assets/main.less b/src/books/artAndDrama/assets/main.less
index 8e97bab..b30b770 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,9 +512,90 @@
       outline: none;
     }
   }
+  .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: 430px) {
+/* 濯掍綋鏌ヨ鍋氬熀纭�鍝嶅簲寮忓竷灞� */
+@media (max-width: 430px) {
     .ans-drama  {
       .page-box {
         min-height: 750px;
@@ -535,6 +618,9 @@
       .video-box {
         max-width: 260px;
       }
+      .page-box{
+        min-height: 500px;
+      }
     }
   }
   @media (min-width: 660px) {
@@ -548,6 +634,7 @@
       .video-box {
         max-width: 370px;
       }
+
     }
   }
 ::-webkit-scrollbar {

--
Gitblit v1.9.1