16 changed files with 288 additions and 205 deletions
@ -1,181 +1,203 @@
|
||||
.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/banner-backgrond.png"); |
||||
size: 100% 100%; |
||||
repeat: no-repeat; |
||||
.app-wallpaper { |
||||
background: { |
||||
size: 100% 100%; |
||||
repeat: no-repeat; |
||||
} |
||||
} |
||||
|
||||
.index-banner { |
||||
.img { |
||||
width: 100%; |
||||
border: { |
||||
width: 2rpx; |
||||
color: #3F3F3F; |
||||
style: solid; |
||||
radius: 25rpx |
||||
} |
||||
.index-banner-container{ |
||||
padding:{ |
||||
top:20rpx; |
||||
bottom:20rpx; |
||||
left:20rpx; |
||||
right:20rpx; |
||||
}; |
||||
} |
||||
|
||||
background: { |
||||
image: url("http://live.admin.jinghkb.com/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: { |
||||
size: 100% 100%; |
||||
repeat: no-repeat; |
||||
} |
||||
|
||||
.user-detail-container { |
||||
align-items: center; |
||||
padding: { |
||||
top: 95rpx; |
||||
bottom: 50rpx; |
||||
left: 50rpx; |
||||
right: 50rpx; |
||||
} |
||||
} |
||||
|
||||
.index-user-detail { |
||||
.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);; |
||||
|
||||
position: relative; |
||||
top:-45rpx; |
||||
background:{ |
||||
size: 100% 100%; |
||||
repeat: no-repeat; |
||||
.img { |
||||
width: 75rpx; |
||||
height: 75rpx; |
||||
} |
||||
.user-detail-container{ |
||||
align-items: center; |
||||
padding:{ |
||||
top:95rpx; |
||||
bottom:50rpx; |
||||
left:50rpx; |
||||
right:50rpx; |
||||
} |
||||
|
||||
.user-content { |
||||
.user-title-top { |
||||
margin: { |
||||
bottom: 15rpx; |
||||
} |
||||
.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; |
||||
} |
||||
|
||||
.img { |
||||
width: 83rpx; |
||||
height: auto; |
||||
} |
||||
.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{ |
||||
|
||||
} |
||||
} |
||||
|
||||
font: { |
||||
size: 30rpx; |
||||
weight: 500; |
||||
} |
||||
.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; |
||||
color: #131313; |
||||
line-height: 30rpx; |
||||
|
||||
margin:{ |
||||
bottom:auto; |
||||
left:auto; |
||||
.user-title-text { |
||||
padding: { |
||||
left: 10rpx; |
||||
} |
||||
font:{ |
||||
size:26rpx; |
||||
weight:bold; |
||||
} |
||||
color:#131313; |
||||
line-height:30rpx; |
||||
} |
||||
} |
||||
|
||||
.user-title-bottom { |
||||
|
||||
.img { |
||||
width: 41rpx; |
||||
height: 100% |
||||
} |
||||
|
||||
font: { |
||||
size: 26rpx; |
||||
weight: 400; |
||||
} |
||||
color: #131313; |
||||
line-height: 30rpx; |
||||
|
||||
.user-title-idcard { |
||||
|
||||
} |
||||
} |
||||
} |
||||
|
||||
.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; |
||||
} |
||||
|
||||
.user-coupons { |
||||
width: 165rpx; |
||||
height: 45rpx; |
||||
background: { |
||||
size: 100% 100%; |
||||
repeat: no-repeat; |
||||
} |
||||
display: flex; |
||||
align-items: center; |
||||
justify-content: flex-end; |
||||
|
||||
.user-coupons-number { |
||||
width: 100%; |
||||
padding: { |
||||
left: 112.5rpx; |
||||
top: 2.5rpx; |
||||
} |
||||
.img{ |
||||
display: block; |
||||
width:175rpx; |
||||
margin: { |
||||
bottom: auto; |
||||
top: auto; |
||||
right: auto; |
||||
} |
||||
|
||||
.user-coupons-number-container { |
||||
width: 100%; |
||||
text-align: center; |
||||
} |
||||
padding:{ |
||||
bottom:50rpx; |
||||
right:80rpx; |
||||
left:80rpx; |
||||
}; |
||||
} |
||||
.index-button-detail .index-button-detail-container{ |
||||
background:{ |
||||
size: 100% 100%; |
||||
repeat: no-repeat; |
||||
} |
||||
} |
||||
} |
||||
|
||||
//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; |
||||
} |
||||
} |
||||
} |
||||
|
Loading…
Reference in new issue