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