68 lines
1.4 KiB
SCSS
68 lines
1.4 KiB
SCSS
.page_container {
|
|
// background-color: #c5140a;
|
|
background: linear-gradient( 135deg, #ca7d79 0%, #c5140a 30%, #c5140a 50%, #ca7d79 100%);
|
|
background-repeat: no-repeat; /* 禁止重复 */
|
|
background-size: 100% 106%; /* 宽高铺满容器 */
|
|
background-position: center; /* 居中显示 */
|
|
width: 100vw;
|
|
height: 100vh;
|
|
box-sizing: border-box;
|
|
}
|
|
.content_warp {
|
|
overflow: auto;
|
|
.icon {
|
|
width: 25%;
|
|
margin: 0 auto;
|
|
background-color: #cc423a;
|
|
border-radius: 50%;
|
|
border: 1px solid #ffffff;
|
|
aspect-ratio: 1 / 1;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
margin-top: 25%;
|
|
.img_warp {
|
|
width: 60%;
|
|
background-color: #ffffff;
|
|
border-radius: 50%;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
image {
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
}
|
|
}
|
|
.welcome {
|
|
width: 100%;
|
|
text-align: center;
|
|
font-size: 50rpx;
|
|
font-weight: bold;
|
|
color: #ffffff;
|
|
margin-top: 5%;
|
|
}
|
|
.tip {
|
|
width: 100%;
|
|
text-align: center;
|
|
color: #ffffff;
|
|
margin-top: 2%;
|
|
}
|
|
.form_warp {
|
|
margin-top: 15%;
|
|
}
|
|
.login_btn {
|
|
margin-top: 15%;
|
|
display: flex;
|
|
justify-content: center;
|
|
button {
|
|
background-color: #cc423a;
|
|
color: #ffffff;
|
|
width: 100%;
|
|
font-size: 40rpx;
|
|
}
|
|
.btn-hover {
|
|
background-color: #c5140a !important;
|
|
}
|
|
}
|
|
} |