From 92a9b175fda139d6608c53af62e4d8b7b1c926cf Mon Sep 17 00:00:00 2001 From: king <18310653075@163.com> Date: 星期五, 09 四月 2021 18:08:51 +0800 Subject: [PATCH] 2021-04-09 --- src/views/login/index.scss | 96 ++++++++++++++++++++--------------------------- 1 files changed, 41 insertions(+), 55 deletions(-) diff --git a/src/views/login/index.scss b/src/views/login/index.scss index a54f936..ea2976a 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); @@ -100,6 +45,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; } -- Gitblit v1.8.0