From ecd1f400aed1bb74f06eaadf1ef107efc4042591 Mon Sep 17 00:00:00 2001 From: unknown <qq1940665526@163.com> Date: 星期四, 13 六月 2024 16:55:52 +0800 Subject: [PATCH] 优化 --- src/books/lifeCare/css/default.less | 307 +++++++++++++++++++++++++++++++++++++++++++++++++-- 1 files changed, 295 insertions(+), 12 deletions(-) diff --git a/src/books/lifeCare/css/default.less b/src/books/lifeCare/css/default.less index a88af5e..a7c0913 100644 --- a/src/books/lifeCare/css/default.less +++ b/src/books/lifeCare/css/default.less @@ -256,6 +256,35 @@ .chapter { font-family: "瀹嬩綋"; + + .rightPng { + float: left; + width: 60%; + } + + .bk1-h3 { + border: 2px solid #a5c24f; + color: #a5c24f; + font-weight: normal; + height: 35px; + border-top-right-radius: 25px; + border-bottom-right-radius: 25px; + display: inline-flex; + justify-content: space-between; + align-items: center; + + span { + color: #fff; + display: inline-block; + width: 50px; + height: 100%; + line-height: 35px; + text-align: center; + box-sizing: border-box; + background-color: #a5c24f; + } + } + .topImg { padding-top: 0 !important; margin-bottom: 2em; @@ -299,6 +328,10 @@ margin: 0 20px; } + .ztStr { + margin: 0 50px; + } + .title { display: flex; justify-content: flex-start; @@ -319,13 +352,78 @@ } } - .zt1-content { - background-color: #f7b80a; + + .zt01-con { + background-color: #fbb45e; } - .zt1-header-bj { - border-left-color: #a5c24f; - border-bottom-color: #a5c24f; + .zt02-con { + background-color: #b786bb; + } + + .zt03-con { + background-color: #a5c24f; + } + + .zt04-con { + background-color: #6eb1e1; + } + + .zt05-con { + background-color: #8f92c7; + } + + .zt06-con { + background-color: #f26b66; + } + + .zt07-con { + background-color: #8acfba; + } + + .zt08-con { + background-color: #a97b50; + } + + + .zt01-bj { + border-left: 2px solid #a5c24f; + border-bottom: 2px solid #a5c24f; + } + + .zt02-bj { + border-left: 2px solid #6eb1e1; + border-bottom: 2px solid #6eb1e1; + } + + .zt03-bj { + border-left: 2px solid #a97b50; + border-bottom: 2px solid #a97b50; + } + + .zt04-bj { + border-left: 2px solid #fbb45e; + border-bottom: 2px solid #fbb45e; + } + + .zt05-bj { + border-left: 2px solid #f48f9d; + border-bottom: 2px solid #f48f9d; + } + + .zt06-bj { + border-left: 2px solid #fec128; + border-bottom: 2px solid #fec128; + } + + .zt07-bj { + border-left: 2px solid #8f92c7; + border-bottom: 2px solid #8f92c7; + } + + .zt08-bj { + border-left: 2px solid #8b9da7; + border-bottom: 2px solid #8b9da7; } @media (max-width: 756px) { @@ -343,6 +441,7 @@ } } + // 濂囨暟 .pageHeader-second { width: 100%; display: flex; @@ -360,12 +459,47 @@ font-size: 20px; position: absolute; right: 36px; - top: 80px; + top: 88px; .second-left { width: 23px; height: 100%; background-color: #f49a4c; + } + + .zt02-left { + width: 20px; + background-color: #b786bb; + } + + .zt03-left { + width: 20px; + background-color: #a5c24f; + } + + .zt04-left { + width: 20px; + background-color: #6eb1e1; + } + + .zt05-left { + width: 20px; + background-color: #8f92c7; + } + + .zt06-left { + width: 20px; + background-color: #f26b66; + } + + .zt07-left { + width: 20px; + background-color: #8acfba; + } + + .zt08-left { + width: 20px; + background-color: #a97b50; } .second-right { @@ -382,9 +516,73 @@ top: -20px; } + .zt-pen { + height: 35px; + position: absolute; + left: -40px; + top: -8px; + } + .pageStr { margin-right: 10px; } + + .zt01-Str { + color: #a5c24f; + font-size: 16px; + font-family: 'FZLTXIHJW'; + letter-spacing: 2px; + } + + .zt02-Str { + color: #6eb1e1; + font-size: 16px; + font-family: 'FZLTXIHJW'; + letter-spacing: 2px; + } + + .zt03-Str { + color: #a97b50; + font-size: 16px; + font-family: 'FZLTXIHJW'; + letter-spacing: 2px; + } + + .zt04-Str { + color: #f49a4c; + font-size: 16px; + font-family: 'FZLTXIHJW'; + letter-spacing: 2px; + } + + .zt05-Str { + color: #f48f9d; + font-size: 16px; + font-family: 'FZLTXIHJW'; + letter-spacing: 2px; + } + + .zt06-Str { + color: #fec128; + font-size: 16px; + font-family: 'FZLTXIHJW'; + letter-spacing: 2px; + } + + .zt07-Str { + color: #b0a4cf; + font-size: 16px; + font-family: 'FZLTXIHJW'; + letter-spacing: 2px; + } + + .zt08-Str { + color: #8b9da7; + font-size: 16px; + font-family: 'FZLTXIHJW'; + letter-spacing: 2px; + } + .pageNum { display: block; @@ -395,13 +593,54 @@ color: #fff; } - .zt1-pageNum { + .zt01-pageNum { + padding: 0 35px 0 20px; + text-align: left; background-color: #a5c24f; } - .zt1-pageStr { - color: #a5c24f; + .zt02-pageNum { + padding: 0 35px 0 20px; + text-align: left; + background-color: #6eb1e1; } + + .zt03-pageNum { + padding: 0 35px 0 20px; + text-align: left; + background-color: #a97b50; + } + + .zt04-pageNum { + padding: 0 35px 0 20px; + text-align: left; + background-color: #f49a4c; + } + + .zt05-pageNum { + padding: 0 35px 0 20px; + text-align: left; + background-color: #f48f9d; + } + + .zt06-pageNum { + padding: 0 35px 0 20px; + text-align: left; + background-color: #fec128; + } + + .zt07-pageNum { + padding: 0 35px 0 20px; + text-align: left; + background-color: #b0a4cf; + } + + .zt08-pageNum { + padding: 0 35px 0 20px; + text-align: left; + background-color: #8b9da7; + } + } } @@ -429,8 +668,52 @@ margin-top: 105px; } - .zt1-boderLine { + .zt01-bdline { background-color: #a5c24f; + width: 88%; + margin-right: 20px; + } + + .zt02-bdline { + background-color: #6eb1e1; + width: 88%; + margin-right: 20px; + } + + .zt03-bdline { + background-color: #a97b50; + width: 88%; + margin-right: 20px; + } + + .zt04-bdline { + background-color: #f49a4c; + width: 88%; + margin-right: 20px; + } + + .zt05-bdline { + background-color: #f48f9d; + width: 88%; + margin-right: 20px; + } + + .zt06-bdline { + background-color: #fabf2e; + width: 88%; + margin-right: 20px; + } + + .zt07-bdline { + background-color: #b0a4cf; + width: 88%; + margin-right: 20px; + } + + .zt08-bdline { + background-color: #8b9da7; + width: 88%; + margin-right: 20px; } } } @@ -741,7 +1024,7 @@ padding: 5px 10px; p { - line-height: 22px; + line-height: 25px; font-weight: 700; color: #666; } @@ -750,7 +1033,7 @@ line-height: 22px; font-size: 20px; text-align: center; - padding-top: 10px; + padding: 10px 0; } } } -- Gitblit v1.9.1