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