From ff3f1cf53a88c3d5335ade4f96079a76b8d00e4b Mon Sep 17 00:00:00 2001
From: wangsongsole <wangsongsole@126.com>
Date: Wed, 15 Mar 2023 09:50:23 +0800
Subject: [PATCH] =?UTF-8?q?=F0=9F=8C=88=20style:=20=E5=A4=87=E4=BB=BD?=
 =?UTF-8?q?=E5=8E=9F=E6=9C=89login?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/login/login-orgin.js   |  44 +++++++++
 src/pages/login/login-oring.less | 158 +++++++++++++++++++++++++++++++
 2 files changed, 202 insertions(+)
 create mode 100644 src/pages/login/login-orgin.js
 create mode 100644 src/pages/login/login-oring.less

diff --git a/src/pages/login/login-orgin.js b/src/pages/login/login-orgin.js
new file mode 100644
index 00000000..2a0a188c
--- /dev/null
+++ b/src/pages/login/login-orgin.js
@@ -0,0 +1,44 @@
+import React, { Component } from "react";
+import "./login.less";
+import "@/assets/comm.css";
+import LoginForm from "./loginform";
+import LoginPhone from "./loginPhone";
+export default class App extends Component {
+  constructor(props) {
+    super(props);
+    window["react"] = this;
+  }
+  state = {
+    pathname: "",
+    loginWay: 1
+  };
+  componentWillMount() {
+    const pathname = window.location.href.lastIndexOf("/");
+    const pathnamestr = window.location.href.substr(pathname);
+    this.setState({ pathname: `${pathnamestr}` });
+  }
+  logintype(type) {
+    this.setState({ loginWay: type });
+  }
+  render() {
+    return (
+      <div className='loginPage'>
+        <div className='login-title'>
+          <div className='login-title-icon'>
+            <img src='https://lsxdemall.oss-cn-beijing.aliyuncs.com/Marketing/logo.svg' />
+          </div>
+          <div className='login-title-label'>营销管理系统</div>
+        </div>
+        <div className='login-box'>
+          <div className='box-title'>
+            <div>
+              <span onClick={() => this.logintype(1)}>账号密码登录</span>
+              {/* <span className={this.state.loginWay==2?'activeLogin':''} onClick={()=>this.logintype(2)}>验证码登录</span> */}
+            </div>
+          </div>
+          {this.state.loginWay == 1 ? <LoginForm /> : <LoginPhone />}
+        </div>
+      </div>
+    );
+  }
+}
diff --git a/src/pages/login/login-oring.less b/src/pages/login/login-oring.less
new file mode 100644
index 00000000..f421e917
--- /dev/null
+++ b/src/pages/login/login-oring.less
@@ -0,0 +1,158 @@
+.loginPage {
+	width: 100%;
+	height: 100%;
+	background-color: #f5f9ff;
+	overflow: hidden;
+
+	.zent-form-reactive {
+		width: 60% !important;
+	}
+
+	.login-box .zent-input-wrapper.zent-input--size-normal,
+	.login-box .zent-input {
+		width: 100% !important;
+		border-radius: 4px;
+	}
+
+}
+
+.login-title {
+	width: 400px;
+	height: 40px;
+	margin: 80px auto;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+}
+
+.login-title-label {
+	font-size: 32px;
+}
+
+.login-title-icon img {
+	width: auto;
+	height: 40px;
+	padding-right: 20px;
+}
+
+.login-box {
+	margin: 0 auto;
+	width: 520px;
+	background-color: #fff;
+	box-sizing: border-box;
+	overflow: hidden;
+	border-radius: 8px;
+	box-shadow: 0px 0px 5px rgba(0, 60, 179, 0.12);
+	text-align: center;
+	display: flex;
+	justify-content: center;
+	flex-wrap: wrap;
+	align-items: center;
+	transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
+
+	&:hover {
+		box-shadow: 0px 0px 20px rgba(0, 60, 179, 0.12);
+		transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1)
+	}
+
+	.zent-input-wrapper.zent-input--size-normal,
+	.zent-input {
+		width: 268px !important;
+		height: 40px !important;
+	}
+
+	.zent-btn-disabled[data-zv="9.11.0"],
+	.zent-btn-disabled[data-zv="9.11.0"][disabled] {
+		background-color: #f7f7f7 !important;
+		border: 1px solid #e0e0e0 !important;
+	}
+}
+
+.loginBtn {
+	width: 100% !important;
+	width: 272px;
+	height: 41px;
+	line-height: 41px;
+	color: #FFF;
+	background-color: #1e6fff;
+	border: none;
+	outline: none;
+	border-radius: 2px;
+	text-align: center;
+	font-size: 17px;
+	text-align: center;
+	cursor: pointer;
+	margin-bottom: 70px;
+	margin-top: 5px;
+
+	.login-Btntxt {
+		display: inline-block;
+		letter-spacing: 50px;
+		text-indent: 50px;
+	}
+
+}
+
+.box-title {
+	width: 100%;
+	height: 52px;
+	font-size: 20px;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	margin-bottom: 40px;
+	border-bottom: 1px solid rgba(44, 114, 255, 0.1);
+}
+
+.box-title>div {
+	width: 60%;
+	height: 100%;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+}
+
+.box-title>div span {
+	cursor: pointer;
+	height: 100%;
+	display: flex;
+	border-bottom: 2px solid transparent;
+	align-items: center;
+
+	&.activeLogin {
+		color: #1e6fff;
+		border-bottom: 2px solid #1e6fff;
+	}
+}
+
+.yzmcodeIpt {
+	height: 40px;
+
+	.zent-form-control[data-zv="9.11.0"] {
+		float: left;
+	}
+
+	margin-bottom: 30px;
+	display: flex;
+}
+
+.yzmcode {
+	width: 38%;
+	height: 40px;
+	float: left;
+
+	.zent-btn {
+		height: 100% !important;
+		width: 100%;
+	}
+
+}
+
+.forget {
+	text-align: right;
+	display: block;
+	margin-bottom: 10px;
+	margin-top: 30px;
+	color: #1e6fff;
+	cursor: pointer;
+}
\ No newline at end of file