From afd2cf656cbab08afe2db0ed011bf93625e1a5cc Mon Sep 17 00:00:00 2001 From: user1 <10901603+no-distractions1@user.noreply.gitee.com> Date: 星期一, 01 七月 2024 10:16:27 +0800 Subject: [PATCH] 艺术戏剧(测试 7.1) --- src/books/artAndDrama/assets/main.less | 146 ++++++++++++++++++++++++++++++++++++++++-------- 1 files changed, 122 insertions(+), 24 deletions(-) diff --git a/src/books/artAndDrama/assets/main.less b/src/books/artAndDrama/assets/main.less index 4aa7c90..e30c867 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; @@ -423,7 +419,80 @@ 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; margin: 0; @@ -512,6 +581,13 @@ outline: none; } } + // 鏁磋鐨刬nput鏍囩 + .input-w-60{ + width: 60%; + } + .headerimg{ + margin-left: 5%; + } .page-footer { position: relative; display: flex; @@ -530,7 +606,29 @@ z-index: 1; /* 纭繚椤电爜鏁板瓧鍦ㄥ浘鐗囦笂鏂� */ } - + .ends{ + display: flex; + align-items: center; + justify-content: space-between; + } + /* 褰撳睆骞曞搴﹁嚦灏戜负600px鏃跺簲鐢ㄦ鏍峰紡 */ +@media screen and (max-width: 420px) { + .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%; -- Gitblit v1.9.1