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/pc/components/login/normal-login/index.scss | 87 ++++++++++++++++++++++++------------------- 1 files changed, 49 insertions(+), 38 deletions(-) diff --git a/src/pc/components/login/normal-login/index.scss b/src/pc/components/login/normal-login/index.scss index 2ee7fbb..5eb7460 100644 --- a/src/pc/components/login/normal-login/index.scss +++ b/src/pc/components/login/normal-login/index.scss @@ -43,58 +43,69 @@ height: 40px; line-height: 1; font-size: 18px; - margin-bottom: 25px; + margin-bottom: 15px; } .ant-form-item:last-child { margin-bottom: 0; } } - .login-way-wrap { - height: 50px; - line-height: 50px; - margin-bottom: 10px; + .login-way-title { + font-size: 18px; + line-height: 45px; display: flex; - border-radius: inherit; - .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; + padding-top: 10px; + padding-left: 15px; + padding-right: 15px; + padding-bottom: 10px; + } + .login-way-title::before, .login-way-title::after { + display: inline-block; + content: ' '; + height: 0.5px; + flex: 1; + background-color: rgba(0, 0, 0, 0.15); + position: relative; + top: 22px; + } + .login-way-title::before { + margin: 0 10px 0 0; + } + .login-way-title::after { + margin: 0 0 0 10px; + } + .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-way.active, .login-way:hover { + } + .login-ways { + padding: 0 20px 25px; + span { color: #1890ff; - } - .login-way:not(.active) { cursor: pointer; - background: #fafafa; - border: 1px solid #e8e8e8; } - .login-way:first-child { - border-left: 0; - border-top-left-radius: inherit; - } - .login-way:last-child { - border-right: 0; - border-top-right-radius: inherit; + span + span { + margin-left: 15px; } } - .login-way-wrap.simple { - .login-way { - font-size: 18px; - text-align: left; - padding: 0 15px; - line-height: 60px; - } + .login-ways.center { + text-align: center; } + .form-scan-wrap { - padding: 30px; + padding: 10px 30px 0; text-align: center; font-size: 12px; line-height: 35px; -- Gitblit v1.8.0