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.
285 lines
2.8 KiB
285 lines
2.8 KiB
3 years ago
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
3 years ago
|
/* pages/user/completeData/index.wxss */
|
||
|
page{
|
||
|
width: 100%;
|
||
|
height: 100vh;
|
||
|
}
|
||
|
.page-box{
|
||
|
width: 100%;
|
||
|
height: 100%;
|
||
|
position: relative;
|
||
|
}
|
||
|
.bg-img-box{
|
||
|
width: 100%;
|
||
|
height: 100%;
|
||
|
position: absolute;
|
||
|
top: 0;
|
||
|
left: 0;
|
||
|
}
|
||
|
.bg-img-box image{
|
||
|
width: 100%;
|
||
|
height: 100%;
|
||
|
}
|
||
|
.mail-box{
|
||
|
width: 687rpx;
|
||
|
position: absolute;
|
||
|
top: 0;
|
||
|
left: 50%;
|
||
3 years ago
|
-webkit-transform: translateX(-50%);
|
||
|
transform: translateX(-50%);
|
||
3 years ago
|
}
|
||
|
.mail-box .mail-img-box{
|
||
|
position: absolute;
|
||
|
}
|
||
|
.mail-top,.mail-bottom{
|
||
|
z-index: 3;
|
||
|
}
|
||
|
.mail-top{
|
||
|
z-index: 4;
|
||
|
top: 10rpx;
|
||
|
/* top: 314rpx; */
|
||
|
}
|
||
|
.top-move{
|
||
3 years ago
|
-webkit-animation: topMove 2s ease;
|
||
|
animation: topMove 2s ease;
|
||
|
-webkit-animation-fill-mode: forwards;
|
||
|
animation-fill-mode: forwards;
|
||
3 years ago
|
}
|
||
|
.mail-top image{
|
||
|
width: 687rpx;
|
||
|
height: 445rpx;
|
||
|
}
|
||
|
.mail-center image{
|
||
|
width: 684rpx;
|
||
|
height: 648rpx;
|
||
3 years ago
|
-webkit-transform: scale(0.99);
|
||
|
transform: scale(0.99);
|
||
3 years ago
|
}
|
||
|
.mail-center{
|
||
|
top: 316rpx;
|
||
|
}
|
||
|
.mail-bottom image{
|
||
|
width: 687rpx;
|
||
|
height: 432rpx;
|
||
|
}
|
||
|
.mail-bottom{
|
||
|
top: 616rpx;
|
||
|
}
|
||
|
.btm-move{
|
||
3 years ago
|
-webkit-animation: btmMove 1.5s ease;
|
||
|
animation: btmMove 1.5s ease;
|
||
|
-webkit-animation-fill-mode: forwards;
|
||
|
animation-fill-mode: forwards;
|
||
|
}
|
||
|
@-webkit-keyframes topMove{
|
||
|
0% {
|
||
|
top: 10rpx;
|
||
|
opacity: 0.8;
|
||
|
}
|
||
|
100% {
|
||
|
top: 314rpx;
|
||
|
opacity: 1;
|
||
|
}
|
||
3 years ago
|
}
|
||
|
@keyframes topMove{
|
||
3 years ago
|
0% {
|
||
3 years ago
|
top: 10rpx;
|
||
|
opacity: 0.8;
|
||
3 years ago
|
}
|
||
|
100% {
|
||
3 years ago
|
top: 314rpx;
|
||
|
opacity: 1;
|
||
3 years ago
|
}
|
||
|
}
|
||
|
@-webkit-keyframes btmMove{
|
||
|
0% {
|
||
|
top: 616rpx;
|
||
|
opacity: 0.2;
|
||
|
}
|
||
|
100% {
|
||
|
top: 532rpx;
|
||
|
opacity: 1;
|
||
|
}
|
||
3 years ago
|
}
|
||
|
@keyframes btmMove{
|
||
3 years ago
|
0% {
|
||
3 years ago
|
top: 616rpx;
|
||
|
opacity: 0.2;
|
||
3 years ago
|
}
|
||
|
100% {
|
||
3 years ago
|
top: 532rpx;
|
||
|
opacity: 1;
|
||
|
}
|
||
3 years ago
|
}
|
||
3 years ago
|
.tips{
|
||
|
width: 100%;
|
||
|
color:#EFDACA;
|
||
|
font-size: 40rpx;
|
||
|
line-height: 56rpx;
|
||
|
position: absolute;
|
||
|
top: 1000rpx;
|
||
|
text-align: center;
|
||
|
}
|
||
|
.word-move{
|
||
3 years ago
|
-webkit-animation: wordMove 1s ease;
|
||
|
animation: wordMove 1s ease;
|
||
|
-webkit-animation-fill-mode: forwards;
|
||
|
animation-fill-mode: forwards;
|
||
|
}
|
||
|
@-webkit-keyframes wordMove{
|
||
|
0%{
|
||
|
left: -100%;
|
||
|
}
|
||
|
100%{
|
||
|
left: 0;
|
||
|
}
|
||
3 years ago
|
}
|
||
|
@keyframes wordMove{
|
||
3 years ago
|
0%{
|
||
3 years ago
|
left: -100%;
|
||
3 years ago
|
}
|
||
|
100%{
|
||
3 years ago
|
left: 0;
|
||
3 years ago
|
}
|
||
3 years ago
|
}
|
||
|
.pay-btn{
|
||
|
width: 686rpx;
|
||
|
height: 82rpx;
|
||
|
position: absolute;
|
||
|
top: 1100rpx;
|
||
|
left: 50%;
|
||
3 years ago
|
-webkit-transform: translateX(-50%);
|
||
|
transform: translateX(-50%);
|
||
|
background: -webkit-linear-gradient(128deg, #DEB99F 0%, #E9D1C0 51%, #E3C9B5 100%);
|
||
3 years ago
|
background: linear-gradient(322deg, #DEB99F 0%, #E9D1C0 51%, #E3C9B5 100%);
|
||
|
border-radius: 62rpx;
|
||
|
text-align: center;
|
||
|
line-height: 82rpx;
|
||
|
color: #946F46;
|
||
|
}
|
||
|
.tip{
|
||
|
width: 100%;
|
||
|
text-align: center;
|
||
|
color: #EFDACA;
|
||
|
font-size: 32rpx;
|
||
|
line-height: 44rpx;
|
||
|
position: absolute;
|
||
|
top: 1200rpx;
|
||
|
left: 50%;
|
||
3 years ago
|
-webkit-transform: translateX(-50%);
|
||
|
transform: translateX(-50%);
|
||
|
}
|
||
|
|