From e73816df07e74bad243ae65f1183f151fc396778 Mon Sep 17 00:00:00 2001 From: Lee <342694918@qq.com> Date: Thu, 20 Jan 2022 10:27:09 +0800 Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B90120?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- css/base.css | 17 ++++++++++++----- css/style.css | 16 +++++++++++++++- 2 files changed, 27 insertions(+), 6 deletions(-) diff --git a/css/base.css b/css/base.css index f2b1f37..358f099 100644 --- a/css/base.css +++ b/css/base.css @@ -165,7 +165,8 @@ textarea { } .head .nav li .sub-nav{ - height: 0; + display: none; + height: auto; background-color: #FFFFFF; position: absolute; left: -112px; @@ -176,7 +177,6 @@ textarea { } .head .nav li:hover .sub-nav{ display: flex; - height: auto; padding: 25px 20px; border-top: 2px solid #1a73e9; transition: all .4s; @@ -204,7 +204,12 @@ textarea { line-height: 2; } .sub-nav .sub-nav-list dl>dt{ - margin: 14px 0; + margin: 10px 0; + padding: 8px 8px 8px 3px; + border-radius: 4px; +} +.sub-nav .sub-nav-list dl>dt:hover{ + background-color: #ededed; } .sub-nav .sub-nav-list dl>dt a{ display: flex; @@ -222,7 +227,6 @@ textarea { .sub-nav-txt{ width: calc(100% - 50px); - display: -webkit-box;-webkit-line-clamp: 2;word-break: break-all;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical; } .sub-nav-txt p{ @@ -230,9 +234,12 @@ textarea { line-height: 1.4; } .sub-nav-txt span{ + display: block; font-size: 12px; - line-height: 1.1; + line-height: 1.4; opacity: .6; + text-align: justify; + display: -webkit-box;-webkit-line-clamp: 2;word-break: break-all;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical; } .head .phone{ diff --git a/css/style.css b/css/style.css index 25f92fe..d47cc02 100644 --- a/css/style.css +++ b/css/style.css @@ -92,6 +92,7 @@ height: 13px; background-color: #d5ddf5; margin: 0 6px !important; + cursor: pointer; opacity: 1; } .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active{ @@ -665,6 +666,12 @@ .product-nav{ background-color: #FFFFFF; } +.product-nav.nav-fixed{ + position: fixed; + top: 62px; + left: 0; + border-top: 2px solid #1a73e8; +} .product-nav-item{ display: flex; } @@ -949,7 +956,7 @@ display: flex; justify-content: center; align-items: center; - width: 16.8%; + width: 100%; font-size: 18px; font-weight: bold; line-height: 56px; @@ -1112,6 +1119,13 @@ position: relative; z-index: 1; } +.pull-sub-nav.nav-fixed{ + position: fixed; + top: 66px; + left: 50%; + transform: translateX(-50%); + margin-top: 0; +} /* 子导航 */ .sub-nav-item{ display: flex;