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

feat: 二连浩特登录

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