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

fix: 确山登录页修改

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