feat：新增三方账号注册登录

src/assets/styles/index.scss

@@ -104,7 +104,7 @@ div:focus {
 
   &:hover {
     // color: rgb(32, 160, 255);
-		opacity: 0.3;
+    opacity: 0.3;
   }
 }
 
@@ -120,6 +120,9 @@ div:focus {
 .pb5 {
   padding-bottom: 5px;
 }
+.pb20 {
+  padding-bottom: 20px;
+}
 
 .mt5 {
   margin-top: 5px;

src/assets/styles/login.scss

@@ -0,0 +1,73 @@
+.login {
+  background: radial-gradient(200% 100% at bottom center, #f7f7b6, #e96f92, #1b2947);
+  background: radial-gradient(220% 105% at top center, #1b2947 10%, #75517d 40%, #e96f92 65%, #f7f7b6);
+  background-attachment: fixed;
+  overflow: hidden;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  height: 100%;
+  // background-image: url('../assets/images/login-background.jpg');
+  background-size: cover;
+}
+
+.title {
+  margin: 0px auto 30px auto;
+  text-align: center;
+  color: #fff;
+}
+
+.login-form {
+  border-radius: 6px;
+  // background: #ffffff;
+  background-color: hsla(0, 0%, 100%, 0.3);
+  width: 310px;
+  padding: 25px 15px 5px 15px;
+  position: relative;
+
+  .input-icon {
+    height: 39px;
+    width: 14px;
+    margin-left: 0px;
+  }
+}
+
+.login-tip {
+  font-size: 13px;
+  text-align: center;
+  color: #bfbfbf;
+}
+
+.login-code {
+  width: 33%;
+  height: 40px;
+  float: right;
+
+  img {
+    cursor: pointer;
+    vertical-align: middle;
+  }
+}
+
+.el-login-footer {
+  height: 40px;
+  line-height: 40px;
+  position: fixed;
+  bottom: 0;
+  width: 100%;
+  text-align: center;
+  color: #fff;
+  font-family: Arial;
+  font-size: 12px;
+  letter-spacing: 1px;
+}
+
+.login-code-img {
+  height: 40px;
+  padding-left: 12px;
+}
+.langSet {
+  position: absolute;
+  right: 20px;
+  top: 10px;
+}