150 lines
2.4 KiB
Plaintext
150 lines
2.4 KiB
Plaintext
/* packageB/member/love/donate/DonateIndex.wxss */
|
|
.iconshow {
|
|
animation: ident 5s;
|
|
}
|
|
|
|
@keyframes ident {
|
|
0% {
|
|
opacity: 0;
|
|
height: 0%;
|
|
}
|
|
|
|
50% {
|
|
opacity: 0.75;
|
|
height: 50%;
|
|
}
|
|
|
|
100% {
|
|
opacity: 1;
|
|
height: 100%;
|
|
}
|
|
}
|
|
|
|
.iconNone {
|
|
display: none;
|
|
}
|
|
|
|
.inTO {
|
|
transform: translateY(55.04rpx);
|
|
transition: 3s;
|
|
}
|
|
|
|
.DonateIndex {
|
|
min-height: 100vh;
|
|
background: #fff;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.DonateIndex .DonateIndexSta {
|
|
margin: 0 auto;
|
|
margin-top: 53.12rpx;
|
|
display: flex;
|
|
justify-content: center;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
}
|
|
|
|
.DonateIndex .DonateIndexSta .iconfont {
|
|
font-size: 96rpx;
|
|
color: #f15353;
|
|
border-radius: 100%;
|
|
}
|
|
|
|
.DonateIndex .DonateIndexSta .resoveStatus {
|
|
font-size: 24rpx;
|
|
color: #4f4f4f;
|
|
}
|
|
|
|
.DonateIndex .btn {
|
|
margin: 0 auto;
|
|
width: 649.92rpx;
|
|
height: 80rpx;
|
|
background-color: #f15353;
|
|
border-radius: 9.92rpx;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
color: #fffffe;
|
|
font-size: 30.08rpx;
|
|
margin-top: 124.16rpx;
|
|
}
|
|
|
|
.DonateIndex .donate {
|
|
width: 660.16rpx;
|
|
background-color: #fff;
|
|
box-shadow: 0rpx 2.24rpx 19.2rpx 0rpx rgba(216, 216, 216, 0.69);
|
|
border-radius: 15.04rpx;
|
|
margin: 0 auto;
|
|
margin-top: 34.88rpx;
|
|
padding: 0 34.88rpx;
|
|
box-sizing: border-box;
|
|
padding-top: 34.88rpx;
|
|
padding-bottom: 25.92rpx;
|
|
}
|
|
|
|
.DonateIndex .donate .person {
|
|
display: flex;
|
|
align-items: center;
|
|
margin-top: 25.92rpx;
|
|
}
|
|
|
|
.DonateIndex .donate .person .personImg {
|
|
width: 45.12rpx;
|
|
height: 45.12rpx;
|
|
background-color: #cbc9c9;
|
|
margin-right: 13.12rpx;
|
|
}
|
|
|
|
.DonateIndex .donate .person .personImg image {
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
|
|
.DonateIndex .donate .person .perName {
|
|
font-size: 22.08rpx;
|
|
}
|
|
|
|
.DonateIndex .donate .bind {
|
|
text-align: left;
|
|
}
|
|
|
|
.DonateIndex .donate .bind .vuser {
|
|
font-size: 25.92rpx;
|
|
color: #333;
|
|
}
|
|
|
|
.DonateIndex .donate .user {
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
|
|
.DonateIndex .donate .user .userimg {
|
|
width: 80rpx;
|
|
height: 80rpx;
|
|
background-color: #cbc9c9;
|
|
border-radius: 100%;
|
|
margin-right: 22.08rpx;
|
|
}
|
|
|
|
.DonateIndex .donate .user .userimg image {
|
|
width: 100%;
|
|
height: 100%;
|
|
border-radius: 100%;
|
|
}
|
|
|
|
.DonateIndex .donate .user .text {
|
|
flex: 1;
|
|
overflow: hidden;
|
|
text-align: left;
|
|
font-size: 32rpx;
|
|
white-space: nowrap;
|
|
text-overflow: ellipsis;
|
|
}
|
|
|
|
.DonateIndex .donate .line {
|
|
width: 590.08rpx;
|
|
height: 0.96rpx;
|
|
background-color: #f1f1f1;
|
|
margin: 34.88rpx 0;
|
|
}
|