Commit 91abc7fb authored by 王万里's avatar 王万里

feat: 二连浩特登录

parent efa8f04b
...@@ -153,7 +153,7 @@ const Login = forwardRef((props, _ref) => { ...@@ -153,7 +153,7 @@ const Login = forwardRef((props, _ref) => {
<title>{props.global.title || defaultSetting.title}</title> <title>{props.global.title || defaultSetting.title}</title>
<meta name="description" content={props.global.title || defaultSetting.title} /> <meta name="description" content={props.global.title || defaultSetting.title} />
</Helmet> </Helmet>
<div className={styles.login}> <div classnames={(styles.erlianhaotelogin, "erlianhaote")}>
<div className={styles['inner-wrapper']}> <div className={styles['inner-wrapper']}>
<div className={styles['left-imgbox']}></div> <div className={styles['left-imgbox']}></div>
<div className={styles['inner-center']}> <div className={styles['inner-center']}>
......
.login {
@keyframes waving {
from {
top: 0;
}
to {
top: 10px;
}
}
@keyframes waving2 {
from {
left: 0;
}
to {
left: -9999px;
}
}
.erlianhaotelogin {
width: 100%; width: 100%;
height: 100%; height: 100%;
background: url('./images/乐山登录背景.png') no-repeat center; background: url('./images/乐山登录背景.png') no-repeat center;
...@@ -10,9 +32,7 @@ ...@@ -10,9 +32,7 @@
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
} .inner-bg {
.login .inner-bg {
// width: 78%; // width: 78%;
width: 100%; width: 100%;
margin: 16% 11% 25% 11%; margin: 16% 11% 25% 11%;
...@@ -22,9 +42,9 @@ ...@@ -22,9 +42,9 @@
width: 70%; width: 70%;
margin: 0 auto; margin: 0 auto;
} }
} }
.inner-wrapper { .inner-wrapper {
position: absolute; position: absolute;
top: 50%; top: 50%;
left: 50%; left: 50%;
...@@ -36,81 +56,61 @@ ...@@ -36,81 +56,61 @@
background-size: 100% 100%; background-size: 100% 100%;
display: flex; display: flex;
align-items: flex-end; align-items: flex-end;
} }
.left-imgbox { .left-imgbox {
width: 682px; width: 682px;
height: 596px; height: 596px;
background: url('./images/二连浩特登陆界面配图-动态.gif') no-repeat center; background: url('./images/二连浩特登陆界面配图-动态.gif') no-repeat center;
background-size: 100% 100%; background-size: 100% 100%;
background-clip: border-box; background-clip: border-box;
} }
.img-wrapper { .img-wrapper {
width: 388px; width: 388px;
height: 134px; height: 134px;
background: url('./images/1.png') no-repeat center; background: url('./images/1.png') no-repeat center;
background-size: 100% 100%; background-size: 100% 100%;
margin-bottom: 48px; margin-bottom: 48px;
} }
.login .inner-bg img[role="logo"] { .inner-bg img[role="logo"] {
height: 40px; height: 40px;
} }
.login .inner-bg .title { .inner-bg .title {
font-size: 27px; font-size: 27px;
font-weight: bold; font-weight: bold;
color: rgba(255, 255, 255, 1); color: rgba(255, 255, 255, 1);
letter-spacing: 2px; letter-spacing: 2px;
}
@keyframes waving {
from {
top: 0;
}
to {
top: 10px;
} }
}
@keyframes waving2 { .form-control:focus {
from {
left: 0;
}
to {
left: -9999px;
}
}
.form-control:focus {
border-color: #66afe9; border-color: #66afe9;
outline: 0; outline: 0;
-webkit-box-shadow: none; -webkit-box-shadow: none;
box-shadow: none; box-shadow: none;
} }
.inner-center { .inner-center {
width: 418px; width: 418px;
height: 596px; height: 596px;
border-radius: 0px 0px 15px 15px; border-radius: 0px 0px 15px 15px;
display: flex; display: flex;
flex-flow: column; flex-flow: column;
align-items: center; align-items: center;
} }
.welcome-title{ .welcome-title{
width: 100%; width: 100%;
height: 178px; height: 178px;
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: flex-end; align-items: flex-end;
} }
.formgroup2 { .formgroup2 {
display: flex; display: flex;
align-items: center; align-items: center;
display: flex; display: flex;
...@@ -118,27 +118,27 @@ ...@@ -118,27 +118,27 @@
margin-bottom: 10%; margin-bottom: 10%;
align-items: center; align-items: center;
margin-bottom: 40px; margin-bottom: 40px;
} }
.APPcodeBox { .APPcodeBox {
width: 100%; width: 100%;
display: flex; display: flex;
flex-flow: column; flex-flow: column;
align-items: center; align-items: center;
cursor: pointer; cursor: pointer;
position: relative; position: relative;
} }
.APPCtext { .APPCtext {
font-size: 14px; font-size: 14px;
font-family: Microsoft YaHei; font-family: Microsoft YaHei;
font-weight: 400; font-weight: 400;
color: #000000; color: #000000;
line-height: 30px; line-height: 30px;
opacity: 0.75; opacity: 0.75;
} }
.APPCimg { .APPCimg {
width: 138px; width: 138px;
height: 150px; height: 150px;
background: url('./images/3.png'); background: url('./images/3.png');
...@@ -155,22 +155,22 @@ ...@@ -155,22 +155,22 @@
font-size: 12px; font-size: 12px;
opacity: 0.75; opacity: 0.75;
} }
} }
.APPcodeBox:hover .APPCtext { .APPcodeBox:hover .APPCtext {
color: #1685FF; color: #1685FF;
} }
.APPcodeBox:hover .APPCimg { .APPcodeBox:hover .APPCimg {
display: flex; display: flex;
} }
.APPCimg .codeCase { .APPCimg .codeCase {
text-align: center; text-align: center;
padding-top: 32px; padding-top: 32px;
} }
.login-header{ .login-header{
width: 100%; width: 100%;
position: absolute; position: absolute;
top: 20px; top: 20px;
...@@ -211,6 +211,8 @@ ...@@ -211,6 +211,8 @@
} }
} }
}
:global{ :global{
.@{ant-prefix}src-pages-user-login-components-login-index-login { .@{ant-prefix}src-pages-user-login-components-login-index-login {
...@@ -254,8 +256,10 @@ ...@@ -254,8 +256,10 @@
border-color: #00BDA0 !important; border-color: #00BDA0 !important;
} }
} }
} }
...@@ -152,7 +152,7 @@ const Login = forwardRef((props, _ref) => { ...@@ -152,7 +152,7 @@ const Login = forwardRef((props, _ref) => {
<title>{props.global.title || defaultSetting.title}</title> <title>{props.global.title || defaultSetting.title}</title>
<meta name="description" content={props.global.title || defaultSetting.title} /> <meta name="description" content={props.global.title || defaultSetting.title} />
</Helmet> </Helmet>
<div className={styles.login}> <div className={styles.xinganlogin}>
<div className={styles['inner-wrapper']}> <div className={styles['inner-wrapper']}>
{/* <div className={styles['left-imgbox']}></div> */} {/* <div className={styles['left-imgbox']}></div> */}
<div className={styles['inner-center']}> <div className={styles['inner-center']}>
......
...@@ -3,7 +3,7 @@ ...@@ -3,7 +3,7 @@
src: url('@/assets/fonts/PingFang.ttf'); src: url('@/assets/fonts/PingFang.ttf');
} }
.login { .xinganlogin {
width: 100%; width: 100%;
height: 100%; height: 100%;
background: url('./images/6.png') no-repeat; background: url('./images/6.png') no-repeat;
...@@ -15,9 +15,8 @@ ...@@ -15,9 +15,8 @@
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
}
.login .inner-bg { .inner-bg {
width: 100%; width: 100%;
height: 100%; height: 100%;
...@@ -26,9 +25,9 @@ ...@@ -26,9 +25,9 @@
width: 70%; width: 70%;
margin: 0 auto; margin: 0 auto;
} }
} }
.inner-wrapper { .inner-wrapper {
// width: 800px; // width: 800px;
// height: 400px; // height: 400px;
display: flex; display: flex;
...@@ -40,45 +39,23 @@ ...@@ -40,45 +39,23 @@
// top: 46%; // top: 46%;
// right: 0; // right: 0;
// transform: translateY(-50%); // transform: translateY(-50%);
} }
.inner-bg .title {
.login .inner-bg .title {
font-size: 27px; font-size: 27px;
font-weight: bold; font-weight: bold;
color: rgba(255, 255, 255, 1); color: rgba(255, 255, 255, 1);
letter-spacing: 2px; letter-spacing: 2px;
}
@keyframes waving {
from {
top: 0;
}
to {
top: 10px;
} }
}
@keyframes waving2 { .form-control:focus {
from {
left: 0;
}
to {
left: -9999px;
}
}
.form-control:focus {
border-color: #66afe9; border-color: #66afe9;
outline: 0; outline: 0;
-webkit-box-shadow: none; -webkit-box-shadow: none;
box-shadow: none; box-shadow: none;
} }
.inner-center { .inner-center {
position: relative; position: relative;
width: 482px; width: 482px;
height: 316px; height: 316px;
...@@ -86,9 +63,9 @@ ...@@ -86,9 +63,9 @@
border: 1px solid #FFFFFF; border: 1px solid #FFFFFF;
box-shadow: 0px 15px 15px 3px rgba(140,142,145,0.52); box-shadow: 0px 15px 15px 3px rgba(140,142,145,0.52);
border-radius: 15px; border-radius: 15px;
} }
.welcome-title{ .welcome-title{
width: 100%; width: 100%;
height: 68px; height: 68px;
line-height: 68px; line-height: 68px;
...@@ -98,9 +75,9 @@ ...@@ -98,9 +75,9 @@
color: #000000; color: #000000;
opacity: 0.85; opacity: 0.85;
text-align: center; text-align: center;
} }
.formgroup2 { .formgroup2 {
display: flex; display: flex;
align-items: center; align-items: center;
display: flex; display: flex;
...@@ -108,28 +85,27 @@ ...@@ -108,28 +85,27 @@
margin-bottom: 10%; margin-bottom: 10%;
align-items: center; align-items: center;
margin-bottom: 40px; margin-bottom: 40px;
} }
.APPcodeBox { .APPcodeBox {
width: 100%; width: 100%;
display: flex; display: flex;
flex-flow: column; flex-flow: column;
align-items: center; align-items: center;
cursor: pointer; cursor: pointer;
position: relative; position: relative;
} }
.APPCtext { .APPCtext {
font-size: 14px; font-size: 14px;
font-family: Microsoft YaHei; font-family: Microsoft YaHei;
font-weight: 400; font-weight: 400;
color: #000000; color: #000000;
line-height: 30px; line-height: 30px;
opacity: 0.75; opacity: 0.75;
} }
.login-header{ .login-header{
width: 100%; width: 100%;
position: absolute; position: absolute;
top: 4%; top: 4%;
...@@ -184,8 +160,8 @@ ...@@ -184,8 +160,8 @@
} }
} }
} }
} }
.copyright{ .copyright{
position: absolute; position: absolute;
bottom: 7%; bottom: 7%;
width: 100%; width: 100%;
...@@ -195,8 +171,8 @@ ...@@ -195,8 +171,8 @@
font-weight: 400; font-weight: 400;
color: #F1F6FD; color: #F1F6FD;
text-align: center; text-align: center;
} }
.qrcode-box{ .qrcode-box{
position: absolute; position: absolute;
bottom: 0; bottom: 0;
right: -35px; right: -35px;
...@@ -205,8 +181,8 @@ ...@@ -205,8 +181,8 @@
background: #FFFFFF; background: #FFFFFF;
opacity: 0.8; opacity: 0.8;
cursor: pointer; cursor: pointer;
} }
:global{ :global{
.@{ant-prefix}-popover-inner-content{ .@{ant-prefix}-popover-inner-content{
display: flex; display: flex;
justify-content: center; justify-content: center;
...@@ -217,4 +193,40 @@ ...@@ -217,4 +193,40 @@
justify-content: center; justify-content: center;
align-items: center; align-items: center;
} }
}
} }
@keyframes waving {
from {
top: 0;
}
to {
top: 10px;
}
}
@keyframes waving2 {
from {
left: 0;
}
to {
left: -9999px;
}
}
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment