From 89b824fa0610622e869510c1e0df6c7d3560b943 Mon Sep 17 00:00:00 2001 From: 闫增涛 <1829501689@qq.com> Date: 星期四, 13 六月 2024 19:22:23 +0800 Subject: [PATCH] Merge branch 'master' of http://182.92.203.7:2001/r/testbookLayout --- src/books/lifeCare/css/default.less | 339 ++++++++++++++++++++++++++++++++++++++++++++++++++++++-- 1 files changed, 325 insertions(+), 14 deletions(-) diff --git a/src/books/lifeCare/css/default.less b/src/books/lifeCare/css/default.less index 1c0376d..a7c0913 100644 --- a/src/books/lifeCare/css/default.less +++ b/src/books/lifeCare/css/default.less @@ -241,8 +241,49 @@ } } + .tk-line { + width: 100px !important; + border: 0; + border-bottom: 1px solid #000 !important; + font-size: 14px !important; + } + + .tk-line:focus { + outline: none; + border-bottom: 1px solid #000 !important; + } + .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; @@ -287,6 +328,10 @@ margin: 0 20px; } + .ztStr { + margin: 0 50px; + } + .title { display: flex; justify-content: flex-start; @@ -307,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) { @@ -331,6 +441,7 @@ } } + // 濂囨暟 .pageHeader-second { width: 100%; display: flex; @@ -348,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 { @@ -370,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; @@ -383,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; + } + } } @@ -417,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; } } } @@ -593,6 +888,16 @@ display: flex; justify-content: flex-start; align-items: center; + + .btnUpload-chapter006 { + border-radius: 5px; + background-color: #f49a4c; + border: 1px solid #f49a4c; + cursor: pointer; + padding: 5px 6px; + fill: #fff; + margin-bottom: -10px; + } } .bk-inputUpload { @@ -719,7 +1024,7 @@ padding: 5px 10px; p { - line-height: 22px; + line-height: 25px; font-weight: 700; color: #666; } @@ -728,7 +1033,7 @@ line-height: 22px; font-size: 20px; text-align: center; - padding-top: 10px; + padding: 10px 0; } } } @@ -930,7 +1235,7 @@ } .img-gn-zt { - width: 180px; + width: 120px; } div.bodystyle { @@ -1597,7 +1902,7 @@ } @media screen and (max-width: 800px) { - .public-bookInnerContent .coverImg { + .coverImg { position: absolute; top: 25%; left: 0; @@ -1702,6 +2007,12 @@ .drawContent_wall { margin-bottom: 2em; } + + .pic-wall { + display: flex; + justify-content: flex-start; + align-items: center; + } } } } -- Gitblit v1.9.1