From f33be18be305b941b36e98869feb9e433e86143a Mon Sep 17 00:00:00 2001 From: "623585344@qq.com" <623585344@qq.com> Date: Wed, 29 Dec 2021 16:28:30 +0800 Subject: [PATCH] =?UTF-8?q?fix:=E4=BF=AE=E5=A4=8D=E9=A6=96=E9=A1=B5?= =?UTF-8?q?=E5=86=85=E5=AE=B9=E9=83=A8=E5=88=86=E9=97=B4=E8=B7=9D=E9=97=AE?= =?UTF-8?q?=E9=A2=98?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- resources/assets/sass/pages/page-index.scss | 89 +++++++-------------- 1 file changed, 31 insertions(+), 58 deletions(-) diff --git a/resources/assets/sass/pages/page-index.scss b/resources/assets/sass/pages/page-index.scss index 894a3808b..fafce17ed 100644 --- a/resources/assets/sass/pages/page-index.scss +++ b/resources/assets/sass/pages/page-index.scss @@ -21,36 +21,37 @@ font-family: PingFangSC-Regular, PingFang SC; font-weight: 400; position: relative; + .logo { + width: 65px; + height: 36px; + background: url("../images/index/indexlogo.png") + no-repeat center center; + background-size: contain; + margin: 0 20px 0 20px; + } + .header-right-one { + display: flex; + align-items: center; + justify-content: end; + font-size: 12px; + min-width: 75px; + .header-right-one-language { + margin-right: 4px; + } + .header-right-one-dropdown { + color: #ffffff; + } + } + .header-right-two { + font-size: 12px; + margin: 0 20px 0 20px; + cursor: pointer; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; + } @media(max-width:414px){ - .logo { - width: 65px; - height: 36px; - background: url("../images/index/indexlogo.png") - no-repeat center center; - background-size: contain; - margin: 0 20px 0 20px; - } - .header-right-one { - display: flex; - align-items: center; - justify-content: end; - font-size: 12px; - min-width: 75px; - .header-right-one-language { - margin-right: 4px; - } - .header-right-one-dropdown { - color: #ffffff; - } - } - .header-right-two { - font-size: 12px; - margin: 0 20px 0 20px; - cursor: pointer; - overflow: hidden; - white-space: nowrap; - text-overflow: ellipsis; - } + .header-right-three { max-width: 50px; font-size: 12px; @@ -68,35 +69,7 @@ } } @media(min-width:414px){ - .logo { - width: 65px; - height: 36px; - background: url("../images/index/indexlogo.png") - no-repeat center center; - background-size: contain; - margin: 0 20px 0 20px; - } - .header-right-one { - display: flex; - align-items: center; - justify-content: end; - font-size: 12px; - min-width: 75px; - .header-right-one-language { - margin-right: 4px; - } - .header-right-one-dropdown { - color: #ffffff; - } - } - .header-right-two { - font-size: 12px; - margin: 0 20px 0 20px; - cursor: pointer; - overflow: hidden; - white-space: nowrap; - text-overflow: ellipsis; - } + .header-right-three { font-size: 12px; height: 36px;