From 84bd0ba160a4b2ff0dbb3ac282e1d166f07fe63a Mon Sep 17 00:00:00 2001 From: yj <1336058017@qq.com> Date: Thu, 26 Sep 2024 10:21:29 +0800 Subject: [PATCH] =?UTF-8?q?=E6=A0=B7=E5=BC=8F=E4=BC=98=E5=8C=96?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/page/Login/index.module.scss | 30 ++++++++++++++++++++++++++---- src/page/Login/index.tsx | 7 ++++++- 2 files changed, 32 insertions(+), 5 deletions(-) diff --git a/src/page/Login/index.module.scss b/src/page/Login/index.module.scss index 7802a6b..df56c51 100644 --- a/src/page/Login/index.module.scss +++ b/src/page/Login/index.module.scss @@ -22,7 +22,7 @@ display: flex; flex-direction: column; - @for $i from 1 through 4 { + @for $i from 1 through 5 { >div:nth-child(#{$i}) { @if $i ==1 { flex-shrink: 0; @@ -66,6 +66,28 @@ } @else if $i ==3 { + flex-shrink: 0; + margin-bottom: 20px; + color: #ccc; + font-size: 16px; + display: flex; + align-items: center; + + >div { + flex-grow: 1; + height: 1px; + background-color: #3F3F3F; + } + + >span { + flex-shrink: 0; + margin: 0 4px; + color: #7A7A7A; + font-size: 12px; + } + } + + @else if $i ==4 { display: flex; align-items: center; margin-bottom: 10px; @@ -79,8 +101,8 @@ @else if $i ==2 { flex-shrink: 0; cursor: pointer; - height: 36px; - line-height: 36px; + height: 44px; + line-height: 44px; display: flex; justify-content: center; align-items: center; @@ -103,7 +125,7 @@ } } - @else if $i ==4 { + @else if $i ==5 { flex-shrink: 0; color: #ccc; text-align: right; diff --git a/src/page/Login/index.tsx b/src/page/Login/index.tsx index 2910b39..7b288c7 100644 --- a/src/page/Login/index.tsx +++ b/src/page/Login/index.tsx @@ -245,11 +245,16 @@ const Login: React.FC = () => { : null} +
+
+ 游客登录 +
+
{ setAnonInfo({