Commit fcdf862c authored by 周宏民's avatar 周宏民

fix: 确山登录页修改

parent d06e4b62
.queshanlogin { .queshanlogin {
width: 100%; width: 100%;
height: 100%; height: 100%;
background: url('./images/5.png') no-repeat; background: url('./images/queshan_bg.png') no-repeat center center;
background-size: 100% 100%; background-size: 100% 100%;
background-clip: border-box; background-clip: border-box;
position: relative; position: relative;
...@@ -16,8 +15,8 @@ ...@@ -16,8 +15,8 @@
width: 100%; width: 100%;
// height: 100%; // height: 100%;
padding-top: 280px; padding-top: 280px;
&>div { &>div {
width: 70%; width: 70%;
margin: 0 auto; margin: 0 auto;
...@@ -36,8 +35,8 @@ ...@@ -36,8 +35,8 @@
// margin-bottom: 100px; // margin-bottom: 100px;
} }
.title-image{ .title-image {
background: url('./images/3.png') no-repeat; background: url('./images/queshan_3.png') no-repeat;
width: 466px; width: 466px;
height: 42px; height: 42px;
background-size: 100% 100%; background-size: 100% 100%;
...@@ -57,20 +56,20 @@ ...@@ -57,20 +56,20 @@
-webkit-box-shadow: none; -webkit-box-shadow: none;
box-shadow: none; box-shadow: none;
} }
.inner-center { .inner-center {
position: relative; position: relative;
width: 543px; width: 543px;
height: 615px; height: 615px;
background: rgba(255,255,255, 1); background: rgba(255, 255, 255, 1);
// 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: 10px; border-radius: 10px;
background: url(./images/6.png) no-repeat; background: url(./images/queshan_6.png) no-repeat;
} }
.welcome-title{ .welcome-title {
width: 100%; width: 100%;
height: 100px; height: 100px;
background: linear-gradient(0deg, rgba(9, 128, 238, 1) 0%, rgba(0, 182, 251, 1) 100%); background: linear-gradient(0deg, rgba(9, 128, 238, 1) 0%, rgba(0, 182, 251, 1) 100%);
...@@ -82,13 +81,13 @@ ...@@ -82,13 +81,13 @@
margin-bottom: 40px; margin-bottom: 40px;
} }
.welcome-bg{ .welcome-bg {
background: url('./images/4.png') no-repeat; background: url('./images/4.png') no-repeat;
width: 358px; width: 358px;
height: 35px; height: 35px;
background-size: 100% 100%; background-size: 100% 100%;
} }
.formgroup2 { .formgroup2 {
display: flex; display: flex;
align-items: center; align-items: center;
...@@ -107,7 +106,7 @@ ...@@ -107,7 +106,7 @@
cursor: pointer; cursor: pointer;
position: relative; position: relative;
} }
.APPCtext { .APPCtext {
font-size: 14px; font-size: 14px;
font-family: Microsoft YaHei; font-family: Microsoft YaHei;
...@@ -117,7 +116,7 @@ ...@@ -117,7 +116,7 @@
opacity: 0.75; opacity: 0.75;
} }
.login-header{ .login-header {
width: 100%; width: 100%;
position: absolute; position: absolute;
top: 0; top: 0;
...@@ -127,26 +126,31 @@ ...@@ -127,26 +126,31 @@
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
box-shadow: 0px 1px 3px 0px rgba(0, 73, 188, 0.24); box-shadow: 0px 1px 3px 0px rgba(0, 73, 188, 0.24);
.left-title{
.left-title {
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
.cn-title{
.cn-title {
font-size: 28px; font-size: 28px;
font-weight: 400; font-weight: 400;
color: #FFFFFF; color: #FFFFFF;
} }
.logo-png{
.logo-png {
width: 372px; width: 372px;
margin-right: 20px; margin-right: 20px;
} }
} }
.right-timebox{
.right-timebox {
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
height: 60px; height: 60px;
.curr-time{
.curr-time {
width: 160px; width: 160px;
font-size: 40px; font-size: 40px;
font-family: Microsoft YaHei; font-family: Microsoft YaHei;
...@@ -154,15 +158,18 @@ ...@@ -154,15 +158,18 @@
color: #FFFFFF; color: #FFFFFF;
text-align: center; text-align: center;
} }
.curr-week-date{
.curr-week-date {
margin-left: 10px; margin-left: 10px;
.curr-week{
.curr-week {
font-size: 16px; font-size: 16px;
font-family: Microsoft YaHei; font-family: Microsoft YaHei;
font-weight: 400; font-weight: 400;
color: #FFFFFF; color: #FFFFFF;
} }
.curr-date{
.curr-date {
font-size: 14px; font-size: 14px;
font-family: Microsoft YaHei; font-family: Microsoft YaHei;
font-weight: 400; font-weight: 400;
...@@ -171,7 +178,8 @@ ...@@ -171,7 +178,8 @@
} }
} }
} }
.copyright{
.copyright {
position: absolute; position: absolute;
bottom: 50px; bottom: 50px;
width: 100%; width: 100%;
...@@ -185,32 +193,48 @@ ...@@ -185,32 +193,48 @@
justify-content: center; justify-content: center;
align-items: center; align-items: center;
} }
.qrcode-box{
.qrcode-box {
width: 19px; width: 19px;
height: 19px; height: 19px;
cursor: pointer; cursor: pointer;
} }
.copyrightName{
.copyrightName {
font-size: 14px; font-size: 14px;
color: rgba(105,164,252,1); color: rgba(105, 164, 252, 1);
font-weight: 500; font-weight: 500;
} }
.line-tree{ .line-tree {
width: 1px; width: 1px;
height: 14px; height: 14px;
background: rgba(105,164,252,1); background: rgba(105, 164, 252, 1);
margin: 0 10px; margin: 0 10px;
} }
} }
:global{ :global {
.queshan{ .queshanLogin {
input:-internal-autofill-previewed,
input:-internal-autofill-selected {
-webkit-text-fill-color: #807c7c !important;
transition: background-color 5000s ease-out 0.5s;
}
.panda-console-base-input-password-icon.anticon {
color: #fff!important;
}
}
.queshan {
.@{ant-prefix}-input-affix-wrapper-lg { .@{ant-prefix}-input-affix-wrapper-lg {
background-color: transparent; background-color: transparent;
} }
.@{ant-prefix}-input-affix-wrapper { .@{ant-prefix}-input-affix-wrapper {
...@@ -218,7 +242,7 @@ ...@@ -218,7 +242,7 @@
border-bottom: 1px solid #076aca; border-bottom: 1px solid #076aca;
} }
.@{ant-prefix}-input-affix-wrapper > input.@{ant-prefix}-input { .@{ant-prefix}-input-affix-wrapper>input.@{ant-prefix}-input {
background: transparent; background: transparent;
color: #FFFFFF; color: #FFFFFF;
padding-left: 20px; padding-left: 20px;
...@@ -229,50 +253,56 @@ ...@@ -229,50 +253,56 @@
border-bottom: 1px solid #076aca; border-bottom: 1px solid #076aca;
} }
.@{ant-prefix}-input-affix-wrapper:focus, .@{ant-prefix}-input-affix-wrapper-focused { .@{ant-prefix}-input-affix-wrapper:focus,
.@{ant-prefix}-input-affix-wrapper-focused {
border: none; border: none;
border-bottom: 1px solid #076aca; border-bottom: 1px solid #076aca;
} }
.@{ant-prefix}-input-affix-wrapper:focus, .@{ant-prefix}-input-affix-wrapper-focused { .@{ant-prefix}-input-affix-wrapper:focus,
.@{ant-prefix}-input-affix-wrapper-focused {
box-shadow: none; box-shadow: none;
} }
.@{ant-prefix}-input-affix-wrapper-status-error:not(.@{ant-prefix}-input-affix-wrapper-disabled):not(.@{ant-prefix}-input-affix-wrapper-borderless).@{ant-prefix}-input-affix-wrapper, .@{ant-prefix}-input-affix-wrapper-status-error:not(.@{ant-prefix}-input-affix-wrapper-disabled):not(.@{ant-prefix}-input-affix-wrapper-borderless).@{ant-prefix}-input-affix-wrapper:hover{ .@{ant-prefix}-input-affix-wrapper-status-error:not(.@{ant-prefix}-input-affix-wrapper-disabled):not(.@{ant-prefix}-input-affix-wrapper-borderless).@{ant-prefix}-input-affix-wrapper,
.@{ant-prefix}-input-affix-wrapper-status-error:not(.@{ant-prefix}-input-affix-wrapper-disabled):not(.@{ant-prefix}-input-affix-wrapper-borderless).@{ant-prefix}-input-affix-wrapper:hover {
background: transparent; background: transparent;
} }
.@{ant-prefix}-input-affix-wrapper-status-error:not(.@{ant-prefix}-input-affix-wrapper-disabled):not(.@{ant-prefix}-input-affix-wrapper-borderless).@{ant-prefix}-input-affix-wrapper:focus, .@{ant-prefix}-input-affix-wrapper-status-error:not(.@{ant-prefix}-input-affix-wrapper-disabled):not(.@{ant-prefix}-input-affix-wrapper-borderless).@{ant-prefix}-input-affix-wrapper-focused { .@{ant-prefix}-input-affix-wrapper-status-error:not(.@{ant-prefix}-input-affix-wrapper-disabled):not(.@{ant-prefix}-input-affix-wrapper-borderless).@{ant-prefix}-input-affix-wrapper:focus,
.@{ant-prefix}-input-affix-wrapper-status-error:not(.@{ant-prefix}-input-affix-wrapper-disabled):not(.@{ant-prefix}-input-affix-wrapper-borderless).@{ant-prefix}-input-affix-wrapper-focused {
box-shadow: none; box-shadow: none;
} }
.@{ant-prefix}-checkbox + span { .@{ant-prefix}-checkbox+span {
color: #FFFFFF; color: #FFFFFF;
} }
.@{ant-prefix}src-pages-user-login-components-login-index-login .@{ant-prefix}src-pages-user-login-components-login-index-prefixIcon{ .@{ant-prefix}src-pages-user-login-components-login-index-login .@{ant-prefix}src-pages-user-login-components-login-index-prefixIcon {
color: #FFFFFF; color: #FFFFFF;
} }
.@{ant-prefix}src-pages-user-login-components-login-index-login .@{ant-prefix}src-pages-user-login-components-login-index-submit { .@{ant-prefix}src-pages-user-login-components-login-index-login .@{ant-prefix}src-pages-user-login-components-login-index-submit {
border-radius: 20px; border-radius: 20px;
} }
} }
.popover-style{
.@{ant-prefix}-popover-inner-content{ .popover-style {
.@{ant-prefix}-popover-inner-content {
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
} }
.@{ant-prefix}-popover-title{
.@{ant-prefix}-popover-title {
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
} }
} }
} }
@keyframes waving { @keyframes waving {
from { from {
...@@ -292,12 +322,4 @@ ...@@ -292,12 +322,4 @@
to { to {
left: -9999px; left: -9999px;
} }
} }
\ No newline at end of file
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