From 137fb8ea6af2789b3238b22bac31d80bced41dfe Mon Sep 17 00:00:00 2001 From: king <18310653075@163.com> Date: 星期三, 28 七月 2021 11:39:39 +0800 Subject: [PATCH] 2021-07-28 --- src/views/login/index.scss | 109 +++++++++++++++++++++++++++--------------------------- 1 files changed, 54 insertions(+), 55 deletions(-) diff --git a/src/views/login/index.scss b/src/views/login/index.scss index 031f932..236e2ad 100644 --- a/src/views/login/index.scss +++ b/src/views/login/index.scss @@ -26,61 +26,6 @@ } } - .ant-tabs.ant-tabs-card { - .ant-tabs-card-bar { - border-bottom: 0; - .ant-tabs-nav-container { - height: 50px; - line-height: 50px; - } - margin-bottom: 10px; - .ant-tabs-nav-scroll { - .ant-tabs-nav { - display: block; - > div { - display: flex; - > .ant-tabs-tab { - height: 50px; - line-height: 50px; - flex: 1; - } - } - } - } - .ant-tabs-tab { - display: block; - margin-right: 0; - border-radius: 0; - text-align: center; - font-size: 17px; - white-space: nowrap; - text-overflow: ellipsis; - overflow: hidden; - border-top: 0; - } - .ant-tabs-tab:first-child { - border-left: 0; - } - .ant-tabs-tab:last-child { - border-right: 0; - } - .ant-tabs-tab.ant-tabs-tab-active { - cursor: default; - } - } - } - .login-form-1 { - .ant-tabs.ant-tabs-card { - .ant-tabs-card-bar { - .ant-tabs-tab { - font-size: 18px; - text-align: left!important; - padding-left: 1.6vw!important; - line-height: 60px!important; - } - } - } - } .login-middle { position: relative; height: calc(100vh - 194px); @@ -102,6 +47,47 @@ overflow: hidden; border: 1px solid #bfbfbf; + .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; } @@ -123,6 +109,19 @@ margin-bottom: 3vh; height: 40px; } + .ant-form-item.vercode { + .ant-input-group { + border: 1px solid #d9d9d9; + border-radius: 4px; + .ant-input { + border: 0; + border-right: 1px solid #d9d9d9; + } + .ant-input-group-addon { + border: 0; + } + } + } .btn-login { margin-bottom: 3vh; clear: both; -- Gitblit v1.8.0