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.
182 lines
3.7 KiB
182 lines
3.7 KiB
.app-wallpaper{ |
|
background:{ |
|
size: 100% 100%; |
|
repeat: no-repeat; |
|
} |
|
} |
|
.index-banner { |
|
.img{ |
|
width:100%; |
|
border:{ |
|
width:2rpx; |
|
color:#3F3F3F; |
|
style:solid; |
|
radius:25rpx |
|
} |
|
} |
|
background:{ |
|
image:url("http://live.admin.jinghkb.com/static/image/banner-backgrond.png"); |
|
size: 100% 100%; |
|
repeat: no-repeat; |
|
} |
|
.index-banner-container{ |
|
padding:{ |
|
top:20rpx; |
|
bottom:20rpx; |
|
left:20rpx; |
|
right:20rpx; |
|
}; |
|
} |
|
} |
|
|
|
.index-user-detail { |
|
|
|
position: relative; |
|
top:-45rpx; |
|
background:{ |
|
image: url("http://live.admin.jinghkb.com/static/image/index-user-banner-background.png"); |
|
size: 100% 100%; |
|
repeat: no-repeat; |
|
} |
|
.user-detail-container{ |
|
align-items: center; |
|
padding:{ |
|
top:95rpx; |
|
bottom:50rpx; |
|
left:50rpx; |
|
right:50rpx; |
|
} |
|
.user-avatar{ |
|
width:75rpx; |
|
height:75rpx; |
|
margin-right:35rpx; |
|
overflow: hidden; |
|
border:{ |
|
width:2rpx; |
|
color:#262626; |
|
style:solid; |
|
radius:50%; |
|
} |
|
box-shadow: 0rpx 10rpx 11rpx 0rpx rgba(63,63,63,0.3);; |
|
.img{ |
|
width:75rpx; |
|
height:75rpx; |
|
} |
|
} |
|
.user-content{ |
|
.user-title-top{ |
|
margin:{ |
|
bottom:15rpx; |
|
} |
|
.img{ |
|
width:83rpx; |
|
height:auto; |
|
} |
|
font:{ |
|
size:30rpx; |
|
weight:500; |
|
} |
|
color:#131313; |
|
line-height:30rpx; |
|
.user-title-text{ |
|
padding:{ |
|
left:10rpx; |
|
} |
|
} |
|
} |
|
.user-title-bottom{ |
|
|
|
.img{ |
|
width:41rpx; |
|
height:100% |
|
} |
|
font:{ |
|
size:26rpx; |
|
weight:400; |
|
} |
|
color:#131313; |
|
line-height:30rpx; |
|
.user-title-idcard{ |
|
|
|
} |
|
} |
|
} |
|
.user-coupons{ |
|
width:165rpx; |
|
height:45rpx; |
|
background:{ |
|
size: 100% 100%; |
|
repeat: no-repeat; |
|
} |
|
display: flex; |
|
align-items: center; |
|
justify-content: end; |
|
.user-coupons-number{ |
|
width:100%; |
|
padding:{ |
|
left:112.5rpx; |
|
top:2.5rpx; |
|
} |
|
margin:{ |
|
bottom:auto; |
|
top:auto; |
|
right:auto; |
|
} |
|
.user-coupons-number-container{ |
|
width:100%; |
|
text-align: center; |
|
} |
|
} |
|
//text-align: end; |
|
|
|
margin:{ |
|
bottom:auto; |
|
left:auto; |
|
} |
|
font:{ |
|
size:26rpx; |
|
weight:bold; |
|
} |
|
color:#131313; |
|
line-height:30rpx; |
|
} |
|
|
|
} |
|
} |
|
|
|
.index-button-group { |
|
width: 100%; |
|
.index-button-detail { |
|
&:nth-child(1){padding:{right:9rpx;bottom:5rpx;}} |
|
&:nth-child(2){padding:{left:9rpx;bottom:5rpx;}} |
|
&:nth-child(3){padding:{right:9rpx;top:5rpx;}} |
|
&:nth-child(4){padding: {left: 9rpx;top: 5rpx;}} |
|
height: 330rpx; |
|
flex-wrap: wrap; |
|
} |
|
.index-button-detail-container{ |
|
width:100%; |
|
height:100%; |
|
justify-content: center; |
|
align-items: flex-end; |
|
display: flex; |
|
margin:{ |
|
top:auto; |
|
} |
|
.img{ |
|
display: block; |
|
width:175rpx; |
|
} |
|
padding:{ |
|
bottom:50rpx; |
|
right:80rpx; |
|
left:80rpx; |
|
}; |
|
} |
|
.index-button-detail .index-button-detail-container{ |
|
background:{ |
|
size: 100% 100%; |
|
repeat: no-repeat; |
|
} |
|
} |
|
}
|
|
|