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.
132 lines
2.3 KiB
132 lines
2.3 KiB
.card{ |
|
@include wh(710upx,auto); |
|
margin: auto; |
|
margin-top: 24upx; |
|
background: white; |
|
border-radius: 10upx; |
|
padding-top: 20upx; |
|
padding-bottom: 30upx; |
|
// @include flex(center,space-around); |
|
.card-left{ |
|
@include wh(690upx,auto); |
|
margin: auto; |
|
.card-up-list{ |
|
@include wh(660upx,auto); |
|
margin-top: 24upx; |
|
@include flex(center,space-between); |
|
.card-right{ |
|
@include fonts(24upx,#ffffff); |
|
padding: 10upx 20upx 10upx 20upx; |
|
border-radius: 10upx; |
|
font-size: 24upx; |
|
color: white; |
|
background: #4CAF4D; |
|
image{ |
|
@include wh(34upx,34upx) |
|
} |
|
} |
|
.card-up-list-list{ |
|
@include flex(center,flex-start); |
|
view{ |
|
@include fonts(26upx,#333,500); |
|
} |
|
text{ |
|
@include fonts(24upx,#666,500); |
|
} |
|
} |
|
|
|
} |
|
.card-dow-list{ |
|
@include wh(690upx,auto); |
|
margin-top: 24upx; |
|
@include flex(center,space-between); |
|
.card-right{ |
|
image{ |
|
@include wh(34upx,34upx) |
|
} |
|
} |
|
.card-up-list-list{ |
|
width: 330upx; |
|
@include flex(center,flex-start); |
|
view{ |
|
@include fonts(26upx,#333,500); |
|
} |
|
text{ |
|
@include fonts(24upx,#666,500); |
|
} |
|
} |
|
|
|
} |
|
} |
|
.btn-grounp{ |
|
@include wh(690upx,auto); |
|
margin-top: 30upx; |
|
@include flex(center,flex-start); |
|
border-top: 1upx solid #F1F1F1; |
|
padding-top: 30upx; |
|
|
|
view{ |
|
padding: 10upx 20upx 10upx 20upx; |
|
border-radius: 10upx; |
|
font-size: 24upx; |
|
color: white; |
|
background: #4CAF4D; |
|
margin-left: 20upx; |
|
//margin-left:30upx; |
|
flex-shrink: 0; |
|
} |
|
.btn-tx{ |
|
background-color: #FF6A6A; |
|
} |
|
.btn-xx{ |
|
background-color: #008EBC; |
|
} |
|
.btn-blp{ |
|
background-color:#DF8624; |
|
} |
|
.btn-back{ |
|
background-color:#FE4E4F; |
|
} |
|
} |
|
|
|
} |
|
|
|
.card-pop{ |
|
@include wh(600upx,auto); |
|
padding: 30upx; |
|
margin: auto; |
|
background: white; |
|
|
|
border-radius: 10upx; |
|
margin: auto; |
|
.pop-list{ |
|
@include flex(center,space-between); |
|
margin-top: 30upx; |
|
text{ |
|
@include fonts(26upx,#333) |
|
} |
|
input{ |
|
font-size: 26upx; |
|
text-align: right; |
|
} |
|
.right-pic{ |
|
@include flex(center,flex-start); |
|
text{ |
|
@include fonts(26upx,#333) |
|
} |
|
image{ |
|
@include wh(22upx,33upx); |
|
} |
|
} |
|
} |
|
.submit{ |
|
@include wh(300upx,60upx); |
|
line-height: 60upx; |
|
border-radius: 10upx; |
|
background: #007AFF; |
|
@include fonts(26upx,#fff); |
|
text-align: center; |
|
margin: auto; |
|
margin-top: 50upx; |
|
} |
|
} |