From 11506e97dfbb3c49754b8570f5328a6b17d22ed0 Mon Sep 17 00:00:00 2001 From: unknown <qq1940665526@163.com> Date: 星期五, 07 六月 2024 18:08:48 +0800 Subject: [PATCH] 优化 --- src/books/artAndDance/assets/main.less | 81 +++++++++++++++++++++++++++++++++++++--- 1 files changed, 74 insertions(+), 7 deletions(-) diff --git a/src/books/artAndDance/assets/main.less b/src/books/artAndDance/assets/main.less index 29d4c0d..5642906 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,6 +354,9 @@ .ju-bt { justify-content: space-between; } + .ju-end { + justify-content: flex-end; + } .al-cn { align-items: center; } @@ -362,6 +369,15 @@ .m0 { margin: 0; } + .mr-8 { + margin-right: 8px; + } + .mt-20 { + margin-top: 20px; + } + .mt-40 { + margin-top: 40px !important; + } .mb-20 { margin-bottom: 20px; } @@ -370,6 +386,9 @@ } .ml-40 { margin-left: 40px; + } + .mr-40 { + margin-right: 40px; } .pg-mh { min-height: 1150px; @@ -380,9 +399,37 @@ .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: 430px) { + .ans-dance { + .page-box { + min-height: 750px; + } + .pg-mh { + min-height: 815px; + } + } +} @media (max-width: 660px) { .ans-dance { /* 鍒嗛〉padding */ @@ -396,6 +443,16 @@ .video-box { max-width: 260px; } + .audio-box { + margin-top: 20px; + flex-wrap: wrap; + li { + width: 100%; + } + li:nth-child(2) { + margin-top: 10px; + } + } } } @media (min-width: 660px) { @@ -409,5 +466,15 @@ .video-box { max-width: 370px; } + .audio-box { + margin-top: 20px; + flex-wrap: nowrap; + li { + width: 58%; + } + li:nth-child(2) { + margin-left: 10px; + } + } } } \ No newline at end of file -- Gitblit v1.9.1