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/views/login/index.scss |   81 ++++++++++++++++++----------------------
 1 files changed, 37 insertions(+), 44 deletions(-)

diff --git a/src/views/login/index.scss b/src/views/login/index.scss
index 80c6e97..68ff047 100644
--- a/src/views/login/index.scss
+++ b/src/views/login/index.scss
@@ -35,6 +35,7 @@
     border-bottom: 2px solid #1890ff;
 
     .login-form {
+      position: relative;
       float: right;
       margin-top: 5%;
       margin-right: 20%;
@@ -49,15 +50,46 @@
         font-size: 18px;
         line-height: 45px;
         display: flex;
+        padding-top: 10px;
       }
       .login-way-title::before, .login-way-title::after {
         display: inline-block;
         content: ' ';
         height: 0.5px;
         flex: 1;
-        background-color: red;
+        background-color: rgba(0, 0, 0, 0.15);
         position: relative;
         top: 22px;
+      }
+      .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-ways {
+        padding: 0 1.6vw 1.5vw;
+        span {
+          color: #1890ff;
+          cursor: pointer;
+        }
+        span + span {
+          margin-left: 15px;
+        }
+      }
+      .login-ways.center {
+        text-align: center;
       }
       .login-way-title::before {
         margin: 0 10px 0 1.6vw;
@@ -65,49 +97,9 @@
       .login-way-title::after {
         margin: 0 1.6vw 0 10px;
       }
-      .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;
+        // padding: 0.6vw 1.6vw 1.6vw;
+        padding: 0.6vw 1.6vw 0vw;
       }
 
       h4 {
@@ -142,16 +134,17 @@
         font-size: 14px;
         margin-bottom: 10px;
         height: 25px;
+        float: right;
         .ant-form-item-control {
           line-height: 25px;
         }
         .register {
           color: #1890ff;
+          margin-right: 10px;
         }
         .forgot {
           font-size: 14px;
           color: #1890ff;
-          float: right;
         }
       }
       .minline {

--
Gitblit v1.8.0