From 616d3cf3ede28313a1fae1a4e33962bc7a327e12 Mon Sep 17 00:00:00 2001 From: zhongshujie <2862698242@qq.com> Date: 星期三, 30 四月 2025 17:37:17 +0800 Subject: [PATCH] Merge branch 'master' of http://182.92.203.7:2001/r/testbookLayout --- src/books/lifeCare/css/default.less | 202 ++++++++++++++++++++++++++++++++++++++++++++------ 1 files changed, 176 insertions(+), 26 deletions(-) diff --git a/src/books/lifeCare/css/default.less b/src/books/lifeCare/css/default.less index c98b62e..6f520ea 100644 --- a/src/books/lifeCare/css/default.less +++ b/src/books/lifeCare/css/default.less @@ -50,6 +50,9 @@ } .coverImg { + display: block; + width: 100%; + height: 100%; position: absolute; top: 0; left: 0; @@ -257,8 +260,9 @@ font-family: "瀹嬩綋"; - .rightPng{ + .rightPng { float: left; + width: 60%; } .bk1-h3 { @@ -365,11 +369,23 @@ } .zt04-con { - background-color: #b786bb; + background-color: #6eb1e1; } .zt05-con { - background-color: #b786bb; + background-color: #8f92c7; + } + + .zt06-con { + background-color: #f26b66; + } + + .zt07-con { + background-color: #8acfba; + } + + .zt08-con { + background-color: #a97b50; } @@ -389,13 +405,28 @@ } .zt04-bj { - border-left: 2px solid #6eb1e1; - border-bottom: 2px solid #6eb1e1; + border-left: 2px solid #fbb45e; + border-bottom: 2px solid #fbb45e; } .zt05-bj { - border-left: 2px solid #6eb1e1; - border-bottom: 2px solid #6eb1e1; + 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) { @@ -431,7 +462,7 @@ font-size: 20px; position: absolute; right: 36px; - top: 85px; + top: 88px; .second-left { width: 23px; @@ -451,12 +482,27 @@ .zt04-left { width: 20px; - background-color: #b786bb; + background-color: #6eb1e1; } .zt05-left { width: 20px; - background-color: #b786bb; + 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 { @@ -474,10 +520,10 @@ } .zt-pen { - height: 40px; + height: 35px; position: absolute; - left: -50px; - top: -10px; + left: -40px; + top: -8px; } .pageStr { @@ -486,22 +532,58 @@ .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: #6eb1e1; + color: #f49a4c; + font-size: 16px; + font-family: 'FZLTXIHJW'; + letter-spacing: 2px; } .zt05-Str { - color: #6eb1e1; + 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; } @@ -535,13 +617,31 @@ .zt04-pageNum { padding: 0 35px 0 20px; text-align: left; - background-color: #6eb1e1; + background-color: #f49a4c; } .zt05-pageNum { padding: 0 35px 0 20px; text-align: left; - background-color: #6eb1e1; + 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; } } @@ -590,13 +690,31 @@ } .zt04-bdline { - background-color: #6eb1e1; + background-color: #f49a4c; width: 88%; margin-right: 20px; } .zt05-bdline { - background-color: #6eb1e1; + 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; } @@ -909,7 +1027,7 @@ padding: 5px 10px; p { - line-height: 22px; + line-height: 25px; font-weight: 700; color: #666; } @@ -918,7 +1036,7 @@ line-height: 22px; font-size: 20px; text-align: center; - padding-top: 10px; + padding: 10px 0; } } } @@ -1728,7 +1846,7 @@ font-size: 16px; border-radius: 5px; max-width: 620px; - min-width: 500px; + min-width: 300px; } } @@ -1788,17 +1906,23 @@ @media screen and (max-width: 800px) { .coverImg { - position: absolute; - top: 25%; - left: 0; + img { + height: 100%; + } } + .chapter { + + .page-box { + min-height: 1000px !important; + } + .prefaceImg { width: 100% !important; position: absolute; left: 0%; - top: 4%; + top: 3%; } .pdf-content { @@ -1900,6 +2024,32 @@ } } } + + @media screen and (max-width:700px) { + .coverImg { + img { + height: 100%; + } + } + + .chapter { + .page-box { + min-height: 800px !important; + } + + .table111 tr th ,.table112 tr th { + padding: 8px 0; + } + } + } + + @media screen and (max-width:600px) { + .chapter { + .page-box { + min-height: 500px !important; + } + } + } } } -- Gitblit v1.9.1