From 9a9650c758bd84bef0739aa8949627af666bb1c1 Mon Sep 17 00:00:00 2001 From: king <18310653075@163.com> Date: 星期五, 31 七月 2020 10:07:42 +0800 Subject: [PATCH] 2020-07-31 --- src/views/login/index.scss | 83 ++++++++++++++++++++++++++++++++++++++++- 1 files changed, 80 insertions(+), 3 deletions(-) diff --git a/src/views/login/index.scss b/src/views/login/index.scss index ea7d5d6..5ef5f7b 100644 --- a/src/views/login/index.scss +++ b/src/views/login/index.scss @@ -14,6 +14,46 @@ max-height: 100%; } } + + .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: 18px; + } + .ant-tabs-tab.ant-tabs-tab-active { + cursor: default; + } + } + } + .login-form-1 { + .ant-tabs-tab { + text-align: left!important; + padding-left: 1.6vw!important; + } + } .login-middle { position: relative; height: calc(100vh - 194px); @@ -26,11 +66,15 @@ float: right; margin-top: 5%; margin-right: 20%; - padding: 1.6vw; background: #ffffff; width: 22vw; min-width: 300px; border-radius: 5px; + overflow: hidden; + + .form-item-wrap { + padding: 0.6vw 1.6vw 1.6vw; + } h4 { font-size: 20px; @@ -45,6 +89,23 @@ } .btn-login { margin-bottom: 3vh; + clear: both; + } + .register-line { + font-size: 14px; + margin-bottom: 10px; + height: 25px; + .ant-form-item-control { + line-height: 25px; + } + .register { + color: #1890ff; + } + .forgot { + font-size: 14px; + color: #1890ff; + float: right; + } } .minline { display: inline-block; @@ -54,6 +115,7 @@ .minline.right { float: right; width: 100px; + margin-bottom: 2vh; .ant-select-selection { border: 0; box-shadow: none; @@ -63,7 +125,10 @@ } } } - button { + button.vercode { + border: 0; + } + button:not(.vercode) { width: 100%; height: calc(2vw + 10px); min-height: 30px; @@ -89,7 +154,7 @@ .ant-form label { font-size: 16px; } - .ant-btn { + .ant-btn:not(.vercode) { font-size: 18px; } .anticon-eye { @@ -140,4 +205,16 @@ } } } +} + +@media screen and (min-width: 1550px) { + .login-container { + .ant-tabs.ant-tabs-card { + .ant-tabs-card-bar { + .ant-tabs-tab { + font-size: 20px; + } + } + } + } } \ No newline at end of file -- Gitblit v1.8.0