From 01170adfb56a988b8f67fc6d5fd3dfb73aeca47a Mon Sep 17 00:00:00 2001 From: user1 <10901603+no-distractions1@user.noreply.gitee.com> Date: 星期四, 13 六月 2024 17:27:23 +0800 Subject: [PATCH] 1 --- src/books/artAndDrama/assets/main.less | 89 +++++++++++++++++++++++++++++++++++++++++++- 1 files changed, 86 insertions(+), 3 deletions(-) diff --git a/src/books/artAndDrama/assets/main.less b/src/books/artAndDrama/assets/main.less index 036701d..30b61f5 100644 --- a/src/books/artAndDrama/assets/main.less +++ b/src/books/artAndDrama/assets/main.less @@ -510,14 +510,94 @@ outline: none; } } - /* 濯掍綋鏌ヨ鍋氬熀纭�鍝嶅簲寮忓竷灞� */ + .page-footer { + position: relative; + display: flex; + align-items: center; + /* 鍨傜洿灞呬腑 */ + } + + .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) { .ans-drama { .page-box { min-height: 750px; } .pg-mh { - min-height: 815px; + min-height: 815px !important; } } } @@ -534,6 +614,9 @@ .video-box { max-width: 260px; } + .page-box{ + min-height: 500px; + } } } @media (min-width: 660px) { @@ -547,9 +630,9 @@ .video-box { max-width: 370px; } + } } -} ::-webkit-scrollbar { width: 8px; height: 10px; -- Gitblit v1.9.1