You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
69 lines
1.4 KiB
69 lines
1.4 KiB
3 months ago
|
.container {
|
||
|
|
display: flex;
|
||
|
|
flex-direction: column;
|
||
|
|
align-items: center;
|
||
|
|
justify-content: center;
|
||
|
|
height: 100vh;
|
||
|
|
width: 100vw;
|
||
|
|
background-color: #ffffff;
|
||
|
|
padding: 40rpx;
|
||
|
|
box-sizing: border-box;
|
||
|
|
margin: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* 重置页面默认样式 */
|
||
|
|
page {
|
||
|
|
height: 100vh;
|
||
|
|
width: 100vw;
|
||
|
|
margin: 0;
|
||
|
|
padding: 0;
|
||
|
|
background-color: #ffffff;
|
||
|
|
}
|
||
|
|
|
||
|
|
.icon {
|
||
|
|
margin-bottom: 60rpx;
|
||
|
|
}
|
||
|
|
|
||
|
|
.lock-icon {
|
||
|
|
width: 120rpx;
|
||
|
|
height: 120rpx;
|
||
|
|
background-size: contain;
|
||
|
|
background-repeat: no-repeat;
|
||
|
|
background-position: center;
|
||
|
|
background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%23FFD93D"><path d="M18 8h-1V6c0-2.76-2.24-5-5-5S7 3.24 7 6v2H6c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V10c0-1.1-.9-2-2-2zm-6 9c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2zm3.1-9H8.9V6c0-1.71 1.39-3.1 3.1-3.1 1.71 0 3.1 1.39 3.1 3.1v2z"/></svg>');
|
||
|
|
}
|
||
|
|
|
||
|
|
.title {
|
||
|
|
font-size: 36rpx;
|
||
|
|
font-weight: bold;
|
||
|
|
color: #333333;
|
||
|
|
margin-bottom: 24rpx;
|
||
|
|
}
|
||
|
|
|
||
|
|
.subtitle {
|
||
|
|
font-size: 28rpx;
|
||
|
|
color: #999999;
|
||
|
|
margin-bottom: 80rpx;
|
||
|
|
text-align: center;
|
||
|
|
}
|
||
|
|
|
||
|
|
.back-btn {
|
||
|
|
width: 320rpx;
|
||
|
|
height: 88rpx;
|
||
|
|
background-color: #1989fa;
|
||
|
|
color: white;
|
||
|
|
font-size: 32rpx;
|
||
|
|
border-radius: 44rpx;
|
||
|
|
box-shadow: 0 4rpx 16rpx rgba(25, 137, 250, 0.3);
|
||
|
|
border: none;
|
||
|
|
outline: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
.back-btn::after {
|
||
|
|
border: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
.back-btn:active {
|
||
|
|
background-color: #0c7ad9;
|
||
|
|
transform: scale(0.98);
|
||
|
|
}
|