From c518fbd80639dfeebc74d128c7ee1b52a3341595 Mon Sep 17 00:00:00 2001 From: user1 <10901603+no-distractions1@user.noreply.gitee.com> Date: 星期二, 02 七月 2024 09:30:20 +0800 Subject: [PATCH] 艺术戏剧(整本) --- src/books/artAndDrama/assets/main.less | 169 ++++++++++++++++++++++++++++++++++++++++++++----------- 1 files changed, 134 insertions(+), 35 deletions(-) diff --git a/src/books/artAndDrama/assets/main.less b/src/books/artAndDrama/assets/main.less index 17fb90d..29a6e44 100644 --- a/src/books/artAndDrama/assets/main.less +++ b/src/books/artAndDrama/assets/main.less @@ -1,7 +1,7 @@ .ans-drama { width: 100%; height: 100%; - font-family: "瀹嬩綋", SimSun, sans-serif; + font-family: "瀹嬩綋","STKaiti", SimSun, sans-serif; span.un1{ -webkit-text-emphasis-style:dot; -moz-text-emphasis-style:dot; @@ -20,8 +20,6 @@ li { list-style-type:none; } - - .ls1{ font-family:"HiFont Hei GB"; color:#30AAD1; @@ -50,8 +48,9 @@ div.bodystyle { font-size:18px; text-align:justify; - margin:5%; + margin:0 12%; line-height:30px; + } span.zt-0 @@ -79,9 +78,8 @@ .note{ font-size:0.85em; +padding: 0 9%; } - - .img{ text-align:center; font-size:0.8em; @@ -99,15 +97,14 @@ text-indent:0em; } - p { - margin-top:1em; + //margin-top:1em; + margin: 0; text-indent:2em; line-height:30px; font-size:18px; text-align:justify; - } .cover { width:100%; @@ -119,7 +116,6 @@ margin-right:0%; text-indent:0em; } - .center1 { font-family:"STKaiti"; @@ -139,7 +135,7 @@ } .left1 { - font-family:"STKaiti"; + // font-family:"STKaiti"; text-indent:0em; margin-left:0%; margin-right:0%; @@ -169,7 +165,7 @@ text-align:center; font-size:1.8em; color:#515594; - margin-bottom:0.5cm; + margin-bottom:0%; margin-top:0.5cm; } @@ -181,12 +177,11 @@ h2 { - font-family:"STKaiti"; text-align:center; font-size:1.5em; - margin-top:1.5em; - margin-bottom:1.5em; + margin-top:0%; + margin-bottom:1.8em; text-indent:0em; } @@ -215,7 +210,8 @@ text-align:left; margin-top:0.2em; - margin-bottom:0.2em; + margin-bottom:1.2em; + margin-left: 2em; text-indent:0em; } @@ -322,6 +318,7 @@ { font-family:"STKaiti"; font-size:1.15em; + font-weight: 400; } .block1 @@ -341,8 +338,7 @@ text-indent:0em; } -.block3 -{ +.block3{ font-weight:bold; font-family:"STKaiti"; font-size:1.2em; @@ -395,7 +391,7 @@ } .img-gn{ height:2em; - margin-bottom:-0.4em; + margin-bottom:-1.9em; } .img-gn1{ @@ -406,13 +402,13 @@ background:#C6DFA5; padding:0.2em 0.5em 0.2em 0.5em; margin-top:1em; - margin-left:0.5em; - margin-right:0.5em; + margin-left:1em; + margin-right:1em; border-radius:1em; margin-bottom:1.5em; font-size:1.1em; + padding-left: 1em; } - // 鑷畾涔� .page-box { position: relative; @@ -421,6 +417,81 @@ margin-bottom: 20px; box-shadow: 0 3px 6px 1px #00000029; background-color: #fff; + padding-bottom: 117px; + } + // .front{ + // font-family:"SimSun"; + // font-weight: bold; + // font-size: 18px; + // } + + input{ + font-family: "STkaiti"; + font-size: 19px; + } + .folder{ + color: brown; + font-size: 18px; + display: flex; + align-items: center; + margin-right: 7%; + } + .folder>img{ + color: brown; + height: 20px; + width: auto; + margin-top: 1px; + } + .Options{ + display: flex; + flex-direction: row; + cursor: pointer; + } + .text{ + margin: 0 8%; + font-family: "STkaiti"; + font-size: 19px; + } + .text1{ + margin-bottom: 3%; + font-family: "STkaiti"; + font-size: 22px; + } + .text2{ + margin: 0 8%; + font-family: "STkaiti"; + font-size: 19px; + text-align: left; + } + .text3{ + margin: 6% 8%; + font-family: "STkaiti"; + font-size: 30px; + } + //搴曢儴鍙傝�冩枃鐚殑鏍峰紡 + .references{ + font-family: "STkaiti"; + font-size: 15px; + } + //瑙嗛搴曢儴瀛椾綋鍙婂浘鐗囨牱寮� + .videoname{ + display: flex; + justify-content: center; + } + .collect-btn { + cursor: pointer; + width: 20px; + height: 20px; + margin-left: 10px; + margin-top: 0.8%; + } + .problem{ + font-family:"kaiti"; + font-size:1.6em; + font-weight: normal; + } + .lesson1{ + margin-top: 0%; } ul { list-style: none; @@ -510,10 +581,19 @@ outline: none; } } + // 鏁磋鐨刬nput鏍囩 + .input-w-60{ + width: 60%; + } + .headerimg{ + margin-left: 5%; + } .page-footer { position: relative; display: flex; align-items: center; + position: absolute; + bottom: 0; /* 鍨傜洿灞呬腑 */ } @@ -526,7 +606,29 @@ z-index: 1; /* 纭繚椤电爜鏁板瓧鍦ㄥ浘鐗囦笂鏂� */ } - + .ends{ + display: flex; + align-items: center; + justify-content: space-between; + } + /* 褰撳睆骞曞搴﹁嚦灏戜负600px鏃跺簲鐢ㄦ鏍峰紡 */ +@media screen and (max-width: 430px) { + .ends{ + display: flex; + align-items: center; + justify-content: space-between; + flex-wrap: wrap; + } +} + .option { + position: relative; + display: flex; + flex-direction: row; + //flex-wrap: nowrap; + width: 170px; + height: 250px; + height: min-content; +} .page-footer-number-left { color: black; left: 15%; @@ -591,20 +693,13 @@ } } /* 濯掍綋鏌ヨ鍋氬熀纭�鍝嶅簲寮忓竷灞� */ -@media (max-width: 430px) { - .ans-drama { - .page-box { - min-height: 750px; - } - .pg-mh { - min-height: 815px !important; - } - } - } @media (max-width: 660px) { .ans-drama { - /* 鍒嗛〉padding */ - .page-padding { + .pg-mh { + min-height: 815px !important; + } + /* 鍒嗛〉padding */ + .page-padding { padding: 104px 20px; } .padding-96 { @@ -613,6 +708,9 @@ /* video澶у皬 */ .video-box { max-width: 260px; + } + .page-box{ + min-height: 500px; } } } @@ -627,6 +725,7 @@ .video-box { max-width: 370px; } + } } ::-webkit-scrollbar { -- Gitblit v1.9.1