From e79705b0017935c54630b1e82f8a0025d15e56b2 Mon Sep 17 00:00:00 2001 From: A1300399510 Date: Wed, 18 Dec 2024 12:32:05 +0800 Subject: [PATCH] no message --- css/common.css | 42 ++++++++++++++++++++++++++++++++++++++++++ css/common.less | 47 +++++++++++++++++++++++++++++++++++++++++++++++ css/index.css | 1 + css/index.less | 1 + css/search.css | 42 ------------------------------------------ css/search.less | 46 ---------------------------------------------- 6 files changed, 91 insertions(+), 88 deletions(-) diff --git a/css/common.css b/css/common.css index 903683a..1e7c347 100644 --- a/css/common.css +++ b/css/common.css @@ -739,3 +739,45 @@ body { padding-bottom: 60px; margin-top: 20px; } +.hint-mask { + position: fixed; + width: 100%; + height: 100%; + top: 0; + left: 0; + z-index: -1; +} +.hint-list { + position: absolute; + width: 100%; + height: 0; + max-height: 400px; + top: 48px; + left: 0; + background-color: #ffffff; + border-radius: 10px; + z-index: 10; + overflow: auto; + animation: hintShow 0.3s forwards; + border: 0px solid #ebebeb; + box-shadow: 0px 5px 5px #dfdfdf; +} +@keyframes hintShow { + 0% { + height: 0; + } + 100% { + border-width: 1px; + height: auto; + } +} +.hint-list .item { + color: #333333; + font-size: 14px; + padding: 10px; + cursor: pointer; + line-height: 30px; +} +.hint-list .item:not(:last-of-type) { + border-bottom: 1px #e6e4e4 dotted; +} diff --git a/css/common.less b/css/common.less index 66fa716..1604074 100644 --- a/css/common.less +++ b/css/common.less @@ -837,3 +837,50 @@ body { padding-bottom: 60px; margin-top: 20px; } + +.hint-mask { + position: fixed; + width: 100%; + height: 100%; + top: 0; + left: 0; + z-index: -1; +} + +.hint-list { + position: absolute; + width: 100%; + height: 0; + max-height: 400px; + top: 48px; + left: 0; + background-color: rgba(255, 255, 255, 1); + border-radius: 10px; + z-index: 10; + overflow: auto; + animation: hintShow 0.3s forwards; + border: 0px solid rgba(235, 235, 235, 1); + box-shadow: 0px 5px 5px #dfdfdf; + @keyframes hintShow { + 0% { + height: 0; + } + + 100% { + border-width: 1px; + height: auto; + } + } + + .item { + color: #333333; + font-size: 14px; + padding: 10px; + cursor: pointer; + line-height: 30px; + + &:not(:last-of-type) { + border-bottom: 1px #e6e4e4 dotted; + } + } +} diff --git a/css/index.css b/css/index.css index 7989203..16dd5ea 100644 --- a/css/index.css +++ b/css/index.css @@ -37,6 +37,7 @@ border-radius: 183px; padding: 0 20px; cursor: pointer; + position: relative; } .header-box .search .input { height: 48px; diff --git a/css/index.less b/css/index.less index 9a55d69..3ee14ef 100644 --- a/css/index.less +++ b/css/index.less @@ -40,6 +40,7 @@ border-radius: 183px; padding: 0 20px; cursor: pointer; + position: relative; .input { height: 48px; diff --git a/css/search.css b/css/search.css index 5bebaca..681f4bc 100644 --- a/css/search.css +++ b/css/search.css @@ -71,48 +71,6 @@ height: 18px; cursor: pointer; } -.boxbox .body .left .input-box .hint-mask { - position: fixed; - width: 100%; - height: 100%; - top: 0; - left: 0; - z-index: -1; -} -.boxbox .body .left .input-box .hint-list { - position: absolute; - width: 100%; - height: 0; - max-height: 400px; - top: 48px; - left: 0; - background-color: #ffffff; - border-radius: 10px; - z-index: 10; - overflow: auto; - animation: hintShow 0.3s forwards; - border: 0px solid #ebebeb; - box-shadow: 0px 5px 5px #dfdfdf; -} -@keyframes hintShow { - 0% { - height: 0; - } - 100% { - border-width: 1px; - height: auto; - } -} -.boxbox .body .left .input-box .hint-list .item { - color: #333333; - font-size: 14px; - padding: 10px; - cursor: pointer; - line-height: 30px; -} -.boxbox .body .left .input-box .hint-list .item:not(:last-of-type) { - border-bottom: 1px #e6e4e4 dotted; -} .boxbox .body .left .total { font-size: 14px; font-family: "PingFangSC-Regular", "PingFang SC", sans-serif; diff --git a/css/search.less b/css/search.less index 1ddc3d6..973d0e5 100644 --- a/css/search.less +++ b/css/search.less @@ -74,52 +74,6 @@ cursor: pointer; } - .hint-mask { - position: fixed; - width: 100%; - height: 100%; - top: 0; - left: 0; - z-index: -1; - } - - .hint-list { - position: absolute; - width: 100%; - height: 0; - max-height: 400px; - top: 48px; - left: 0; - background-color: rgba(255, 255, 255, 1); - border-radius: 10px; - z-index: 10; - overflow: auto; - animation: hintShow 0.3s forwards; - border: 0px solid rgba(235, 235, 235, 1); - box-shadow: 0px 5px 5px #dfdfdf; - @keyframes hintShow { - 0% { - height: 0; - } - - 100% { - border-width: 1px; - height: auto; - } - } - - .item { - color: #333333; - font-size: 14px; - padding: 10px; - cursor: pointer; - line-height: 30px; - - &:not(:last-of-type) { - border-bottom: 1px #e6e4e4 dotted; - } - } - } } .total {