From b1a6c3365e46f29fdd12d8864848912eb46d3208 Mon Sep 17 00:00:00 2001
From: 闫增涛 <1829501689@qq.com>
Date: 星期一, 17 六月 2024 16:56:29 +0800
Subject: [PATCH] 优化
---
src/books/artAndDance/assets/main.less | 160 +++++++++++++++++++++++++++++++++++++++++++++++++++--
1 files changed, 153 insertions(+), 7 deletions(-)
diff --git a/src/books/artAndDance/assets/main.less b/src/books/artAndDance/assets/main.less
index 7b782c4..6b92359 100644
--- a/src/books/artAndDance/assets/main.less
+++ b/src/books/artAndDance/assets/main.less
@@ -64,8 +64,8 @@
.img {
text-align: center;
- font-size: 0.8em;
- color: #5d78bb;
+ font-size:18px;
+ color: #000;
margin-left: 0%;
margin-right: 0%;
text-indent: 0em;
@@ -159,7 +159,7 @@
h2.whleft2 {
text-align: left;
color: #af0206;
- font-size: 1.2em;
+ font-size: 38px;
margin-top: 0.2em;
margin-bottom: 0.2em;
text-indent: 0em;
@@ -169,10 +169,11 @@
font-family: "STKaiti";
color: #ef495d;
font-weight: bold;
- font-size: 1.15em;
+ // font-size: 1.15em;
+ font-size: 26px;
margin-top: 2em;
text-align: center;
- margin-bottom: 2em;
+ margin-bottom: 20px;
text-indent: 0em;
}
@@ -290,9 +291,11 @@
}
.block2 {
font-family: "STKaiti";
- font-size: 1.15em;
+ // font-size: 1.15em;
+ font-size: 26px;
text-align: center;
text-indent: 0em;
+ margin: 6px 0;
}
.bj1 {
@@ -327,8 +330,9 @@
// 鑷畾涔�
.page-box {
+ position: relative;
box-sizing: border-box;
- min-height: 1150px !important;
+ min-height: 1150px;
margin-bottom: 20px;
box-shadow: 0 3px 6px 1px #00000029;
background-color: #fff;
@@ -350,7 +354,149 @@
.ju-bt {
justify-content: space-between;
}
+ .ju-end {
+ justify-content: flex-end;
+ }
+ .al-cn {
+ align-items: center;
+ }
.wh-nr {
white-space: nowrap;
}
+ .w100 {
+ width: 100%;
+ }
+ .m0 {
+ margin: 0;
+ }
+ .mr-8 {
+ margin-right: 8px;
+ }
+ .mt-20 {
+ margin-top: 20px;
+ }
+ .mt-40 {
+ margin-top: 40px !important;
+ }
+ .mb-20 {
+ margin-bottom: 20px;
+ }
+ .mb-40 {
+ margin-bottom: 40px;
+ }
+ .ml-40 {
+ margin-left: 40px;
+ }
+ .mr-40 {
+ margin-right: 40px;
+ }
+ .pg-mh {
+ min-height: 1150px;
+ }
+ .dl-ib {
+ display: inline-block;
+ }
+ .w-min {
+ width: min-content;
+ }
+ .w40 {
+ width: 40px;
+ }
+ .pb-box {
+ position: absolute;
+ bottom: 0;
+ }
+ .m16-0 {
+ margin: 16px 0;
+ }
+ .fm-son {
+ font-family: "瀹嬩綋", SimSun, sans-serif;
+ }
+ .auido-text {
+ font-size: 22px;
+ font-family: "FangSong", "PMingLiU", serif;
+ font-weight: bold;
+ }
+}
+
+/* 濯掍綋鏌ヨ鍋氬熀纭�鍝嶅簲寮忓竷灞� */
+@media (max-width: 660px) {
+ .ans-dance {
+ /* 鍒嗛〉padding */
+ .page-padding {
+ padding: 104px 20px;
+ }
+ .padding-96 {
+ padding: 0 20px;
+ }
+ /* video澶у皬 */
+ .video-box {
+ max-width: 260px;
+ }
+ .audio-box {
+ margin-top: 20px;
+ flex-wrap: wrap;
+ li {
+ width: 100%;
+ }
+ li:nth-child(2) {
+ margin-top: 10px;
+ }
+ }
+ .page-box{
+ min-height: 500px;
+ }
+ .pg-mh {
+ min-height: 815px;
+ }
+ .share-img-box {
+ min-height: 460px;
+ }
+ }
+}
+@media (min-width: 660px) {
+ .ans-dance {
+ .page-padding {
+ padding: 104px 96px;
+ }
+ .padding-96 {
+ padding: 0 96px;
+ }
+ .video-box {
+ max-width: 370px;
+ }
+ .share-img-box {
+ min-height: 650px;
+ }
+ .audio-box {
+ margin-top: 20px;
+ flex-wrap: nowrap;
+ li {
+ width: 58%;
+ }
+ }
+ }
+}
+
+
+::-webkit-scrollbar {
+ width: 8px;
+ height: 10px;
+}
+
+::-webkit-scrollbar-track-piece {
+ background-color: rgba(0, 0, 0, 0.1);
+ -webkit-border-radius: 6px;
+}
+
+::-webkit-scrollbar-thumb:vertical {
+ height: 5px;
+ background-color: rgba(125, 125, 125, 0.3);
+ -webkit-border-radius: 6px;
+}
+
+::-webkit-scrollbar-thumb:horizontal {
+ width: 5px;
+ background-color: rgba(125, 125, 125, 0.3);
+ -webkit-border-radius: 6px;
}
--
Gitblit v1.9.1