82 lines
1.7 KiB
Plaintext
82 lines
1.7 KiB
Plaintext
@import '~@delon/theme/index';
|
|
|
|
:host {
|
|
::ng-deep {
|
|
.layout {
|
|
height: 100%;
|
|
}
|
|
|
|
.ant-layout-header {
|
|
background : #ffffff;
|
|
// box-shadow: 0px 5px 5px #d1d1d1;
|
|
}
|
|
|
|
nz-content {
|
|
background : url('../../../assets/images/login/login-bg.jpg') 100% 100% no-repeat;
|
|
background-size: cover;
|
|
overflow : auto;
|
|
}
|
|
|
|
passport-login {
|
|
background: transparent;
|
|
}
|
|
|
|
.earth-box {
|
|
background : url('../../../assets/images/login/4-界面背景.png') 100% 100% no-repeat;
|
|
background-size : cover;
|
|
background-position: center;
|
|
// overflow : hidden;
|
|
width : 100%;
|
|
height : 100%;
|
|
}
|
|
|
|
.earth {
|
|
// animation : eatthAnimation 60s linear infinite;
|
|
// -webkit-animation: eatthAnimation 60s linear infinite;
|
|
max-width : 100%;
|
|
height : 100%;
|
|
// margin-top : -50px;
|
|
// max-height : calc(100% - 64px);
|
|
// border-radius : 40%;
|
|
}
|
|
|
|
.logo {
|
|
position: absolute;
|
|
left : calc(50% - 82px);
|
|
width : 164px;
|
|
top : calc(50% - 82px);
|
|
}
|
|
|
|
.earth:hover {
|
|
animation-play-state : paused;
|
|
-webkit-animation-play-state: paused;
|
|
}
|
|
|
|
@keyframes eatthAnimation {
|
|
0% {
|
|
transform: rotate(0deg);
|
|
}
|
|
|
|
100% {
|
|
transform: rotate(360deg);
|
|
}
|
|
}
|
|
|
|
@-webkit-keyframes eatthAnimation {
|
|
0% {
|
|
transform: rotate(0deg);
|
|
}
|
|
|
|
100% {
|
|
transform: rotate(360deg);
|
|
}
|
|
}
|
|
|
|
}
|
|
}
|
|
|
|
.title {
|
|
font-size : 18px;
|
|
font-weight: 600;
|
|
color : #26282A;
|
|
} |