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.
142 lines
2.5 KiB
142 lines
2.5 KiB
.content{ |
|
background-color: white; |
|
padding-bottom: 20upx; |
|
.card-up{ |
|
@include wh(710upx,auto); |
|
margin: auto; |
|
padding-top: 1upx; |
|
.mode-up{ |
|
@include flex(center,flex-start); |
|
margin-top: 20upx; |
|
view{ |
|
font-size: 24upx; |
|
@include flex(center,flex-start); |
|
view{ |
|
border: 1upx solid #808080; |
|
font-size: 24upx; |
|
margin-left: 40upx; |
|
text-indent: 20upx; |
|
width: 200upx; |
|
} |
|
input{ |
|
width: 200upx; |
|
border: 1upx solid #808080; |
|
font-size: 24upx; |
|
margin-left: 40upx; |
|
text-indent: 20upx; |
|
} |
|
} |
|
} |
|
} |
|
.card-down{ |
|
@include wh(710upx,auto); |
|
margin: auto; |
|
padding-top: 20upx; |
|
border: 1upx solid #808080; |
|
margin-top: 20upx; |
|
padding-bottom: 20upx; |
|
.list{ |
|
@include flex(center,flex-start); |
|
margin-top: 20upx; |
|
.title{ |
|
@include fonts(26upx,#333) |
|
width:180upx; |
|
margin-left: 20upx; |
|
} |
|
text{ |
|
@include fonts(24upx,#999999); |
|
margin-left: 20upx; |
|
} |
|
.bor{ |
|
width:200upx; |
|
border: 1upx solid #808080; |
|
} |
|
.check-ul{ |
|
@include flex(center,flex-start); |
|
.xx-list{ |
|
margin-left: 40upx; |
|
@include flex(center,flex-start); |
|
image{ |
|
@include wh(33upx,33upx); |
|
} |
|
text{ |
|
@include fonts(26upx,#999999); |
|
margin-left: 20upx; |
|
} |
|
} |
|
} |
|
.step-list{ |
|
width: 300upx; |
|
height: 50upx; |
|
border: 1upx solid #C0C0C0; |
|
@include flex(center,space-between); |
|
image{ |
|
@include wh(22upx,33upx); |
|
margin-left: 30upx; |
|
margin-right: 30upx; |
|
} |
|
text{ |
|
@include fonts(26upx,#999999); |
|
margin-left: 20upx; |
|
} |
|
} |
|
} |
|
} |
|
} |
|
|
|
.add-lingjian{ |
|
@include wh(200upx,50upx); |
|
@include fonts(26upx,#fff); |
|
text-align: center; |
|
line-height: 50upx; |
|
background: #007AFF; |
|
margin: 30upx; |
|
} |
|
.components-ul{ |
|
@include wh(660upx,auto); |
|
margin: auto; |
|
border: 1upx solid red; |
|
padding-top: 30upx; |
|
padding-bottom: 30upx; |
|
.components-list{ |
|
@include wh(600upx,auto); |
|
@include flex(center,space-between); |
|
margin: auto; |
|
margin-top: 30upx; |
|
|
|
view{ |
|
width: 180upx; |
|
@include fonts(26upx,#333); |
|
} |
|
input{ |
|
width: 400upx; |
|
height: 40upx; |
|
font-size: 24upx; |
|
border: 1upx solid #C0C0C0; |
|
text-indent: 20upx; |
|
} |
|
} |
|
} |
|
|
|
.btn-jian{ |
|
@include wh(300upx,60upx); |
|
@include flex(center,center); |
|
border: 1upx solid red; |
|
border-radius: 10upx; |
|
margin: auto; |
|
margin-top: 30upx; |
|
image{ |
|
@include wh(40upx,40upx) |
|
} |
|
text{ |
|
@include fonts(26upx,red); |
|
margin-left: 10upx; |
|
} |
|
} |
|
|
|
|
|
.submit-btn{ |
|
@include wh(690upx,auto); |
|
margin: auto; |
|
margin-top: 60upx; |
|
} |