From 95ccc1acc6d8ede1c839493e7aecc9c97fd34c8c Mon Sep 17 00:00:00 2001 From: king <18310653075@163.com> Date: 星期五, 24 九月 2021 15:55:39 +0800 Subject: [PATCH] 2021-09-24 --- src/views/login/index.scss | 81 ++++++++++++++++++---------------------- 1 files changed, 37 insertions(+), 44 deletions(-) diff --git a/src/views/login/index.scss b/src/views/login/index.scss index 80c6e97..68ff047 100644 --- a/src/views/login/index.scss +++ b/src/views/login/index.scss @@ -35,6 +35,7 @@ border-bottom: 2px solid #1890ff; .login-form { + position: relative; float: right; margin-top: 5%; margin-right: 20%; @@ -49,15 +50,46 @@ font-size: 18px; line-height: 45px; display: flex; + padding-top: 10px; } .login-way-title::before, .login-way-title::after { display: inline-block; content: ' '; height: 0.5px; flex: 1; - background-color: red; + background-color: rgba(0, 0, 0, 0.15); position: relative; top: 22px; + } + .scan-icon { + position: absolute; + right: 0px; + top: 0px; + font-size: 46px; + color: #000000; + line-height: 1; + transform: rotate(-45deg); + transform-origin: 0 0; + overflow: hidden; + padding-bottom: 10px; + cursor: pointer; + i { + transform-origin: 0 0; + transform: rotate(45deg); + } + } + .login-ways { + padding: 0 1.6vw 1.5vw; + span { + color: #1890ff; + cursor: pointer; + } + span + span { + margin-left: 15px; + } + } + .login-ways.center { + text-align: center; } .login-way-title::before { margin: 0 10px 0 1.6vw; @@ -65,49 +97,9 @@ .login-way-title::after { margin: 0 1.6vw 0 10px; } - .login-way-wrap { - height: 50px; - line-height: 50px; - margin-bottom: 10px; - display: flex; - .login-way { - flex: 1; - width: 50%; - font-size: 17px; - text-align: center; - white-space: nowrap; - text-overflow: ellipsis; - overflow: hidden; - padding: 0 16px; - transition: all 0.3s; - border: 1px solid transparent; - border-top: 0!important; - } - .login-way.active, .login-way:hover { - color: #1890ff; - } - .login-way:not(.active) { - cursor: pointer; - background: #fafafa; - border: 1px solid #e8e8e8; - } - .login-way:first-child { - border-left: 0; - } - .login-way:last-child { - border-right: 0; - } - } - .login-way-wrap.simple { - .login-way { - font-size: 18px; - text-align: left!important; - padding-left: 1.6vw!important; - line-height: 60px!important; - } - } .form-item-wrap { - padding: 0.6vw 1.6vw 1.6vw; + // padding: 0.6vw 1.6vw 1.6vw; + padding: 0.6vw 1.6vw 0vw; } h4 { @@ -142,16 +134,17 @@ font-size: 14px; margin-bottom: 10px; height: 25px; + float: right; .ant-form-item-control { line-height: 25px; } .register { color: #1890ff; + margin-right: 10px; } .forgot { font-size: 14px; color: #1890ff; - float: right; } } .minline { -- Gitblit v1.8.0