From 8931112f050759dfd31649ce04a48ca1aa99263c Mon Sep 17 00:00:00 2001 From: unknown <qq1940665526@163.com> Date: 星期五, 07 六月 2024 15:05:21 +0800 Subject: [PATCH] 优化 --- src/books/lifeCare/css/default.less | 66 +++++++++++++++++++------------- 1 files changed, 39 insertions(+), 27 deletions(-) diff --git a/src/books/lifeCare/css/default.less b/src/books/lifeCare/css/default.less index 4668fdb..e9bbb61 100644 --- a/src/books/lifeCare/css/default.less +++ b/src/books/lifeCare/css/default.less @@ -4,7 +4,7 @@ overflow: auto; } -.public-lifeCare { +.public-bookInnerContent { max-width: 816px; min-width: 375px; margin: 0 auto; @@ -13,7 +13,7 @@ .swiper-button-prev, .swiper-button-next { - color: #F49A4C; + color: #f49a4c; } textarea:focus, @@ -29,6 +29,20 @@ // max-width: 652px; // min-height: 100px; font-size: 16px; + } + + /* 閽堝Firefox */ + textarea::-webkit-scrollbar { + width: 0; + height: 0; + } + + /* 閽堝IE, Edge鍜孋hrome */ + textarea { + -ms-overflow-style: none; + /* IE 鍜� Edge */ + scrollbar-width: none; + /* Firefox */ } .coverImg { @@ -67,7 +81,6 @@ padding-top: 20px !important; border: 2px dotted #00aeef !important; - .bj3 { display: flex; justify-content: flex-start; @@ -90,7 +103,7 @@ border-radius: 50%; position: absolute; left: -38px; - background: url('../image/xxfs.png'); + background: url("../image/xxfs.png"); background-position: center; background-size: 70% 70%; background-repeat: no-repeat; @@ -254,7 +267,7 @@ } .content { - background-color: #F49A4C; + background-color: #f49a4c; width: 91%; height: 32%; display: flex; @@ -298,7 +311,6 @@ border-left-color: #a5c24f; border-bottom-color: #a5c24f; } - @media (max-width: 756px) { .content { @@ -388,7 +400,6 @@ } @media (max-width: 1024px) { - .second-con { right: 20px; top: 75px; @@ -406,8 +417,6 @@ background-color: #a5c24f; } } - - } .textareaInput { @@ -453,13 +462,18 @@ padding: 8px; overflow: hidden; white-space: pre-line; - font-family: 'FZLTXIHJW'; + font-family: "FZLTXIHJW"; font-weight: normal; font-size: 14px; line-height: 23px; - input { - font-size: 14px; + div { + width: 100%; + min-height: 23px; + } + + div:focus { + outline: none; } textarea { @@ -467,6 +481,10 @@ min-height: 20px; min-width: 80px; border: 0; + font-size: 14px; + text-indent: 0em; + min-width: 200px; + max-width: 330px; } } } @@ -563,7 +581,7 @@ background-color: #fff; svg { - fill: #F49A4C; + fill: #f49a4c; } } @@ -686,9 +704,8 @@ padding: 12px 10px; box-sizing: border-box; padding-top: 30px; - font-family: '浠垮畫'; + font-family: "浠垮畫"; font-weight: 700; - p { margin-top: 0px; @@ -696,8 +713,8 @@ .p-text { padding: 5px 10px; - p { + p { line-height: 22px; font-weight: 700; color: #666; @@ -917,7 +934,7 @@ text-align: justify; padding: 10% 10%; box-sizing: border-box; - font-family: '瀹嬩綋'; + font-family: "瀹嬩綋"; } div.bj { @@ -1543,7 +1560,7 @@ } div.bk-qjms { - font-family: 'FZLTXIHJW'; + font-family: "FZLTXIHJW"; border: 3px dotted #f49a4c; padding: 15px; margin-bottom: 2em; @@ -1575,15 +1592,14 @@ } } - @media screen and (max-width:800px) { - .public-lifeCare .coverImg { + @media screen and (max-width: 800px) { + .public-bookInnerContent .coverImg { position: absolute; top: 25%; left: 0; } .chapter { - .prefaceImg { width: 100% !important; position: absolute; @@ -1606,7 +1622,7 @@ margin-top: 0; line-height: 25px; font-size: 16px; - font-family: 'FZLTXIHJW' + font-family: "FZLTXIHJW"; } .header .pageHeader-second .second-con .second-right img { @@ -1650,7 +1666,6 @@ .fontsz1 { width: auto; } - } .bj-tip { @@ -1658,7 +1673,7 @@ left: 10px; font-size: 16px; font-weight: normal; - font-family: 'FZLTZHJW'; + font-family: "FZLTZHJW"; div { width: 30px; @@ -1680,12 +1695,9 @@ } } - .drawContent_wall { margin-bottom: 2em; } - - } } } -- Gitblit v1.9.1