From ad1249855f81b4e146a0140df29ae69b09a1ca11 Mon Sep 17 00:00:00 2001 From: 闫增涛 <1829501689@qq.com> Date: 星期二, 25 六月 2024 16:50:25 +0800 Subject: [PATCH] 拖拽题样式优化 --- src/books/artAndDance/assets/main.less | 69 +++++++++++++++++++++++++++------- 1 files changed, 54 insertions(+), 15 deletions(-) diff --git a/src/books/artAndDance/assets/main.less b/src/books/artAndDance/assets/main.less index a44cdff..6b92359 100644 --- a/src/books/artAndDance/assets/main.less +++ b/src/books/artAndDance/assets/main.less @@ -369,6 +369,12 @@ .m0 { margin: 0; } + .mr-8 { + margin-right: 8px; + } + .mt-20 { + margin-top: 20px; + } .mt-40 { margin-top: 40px !important; } @@ -400,19 +406,20 @@ 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 */ @@ -436,6 +443,15 @@ margin-top: 10px; } } + .page-box{ + min-height: 500px; + } + .pg-mh { + min-height: 815px; + } + .share-img-box { + min-height: 460px; + } } } @media (min-width: 660px) { @@ -449,15 +465,38 @@ .video-box { max-width: 370px; } + .share-img-box { + min-height: 650px; + } .audio-box { margin-top: 20px; flex-wrap: nowrap; li { - width: 50%; - } - li:nth-child(2) { - margin-left: 10px; + width: 58%; } } } -} \ No newline at end of file +} + + +::-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