|
@@ -1,11 +1,11 @@ |
|
|
@import '../../../app.wxss'; |
|
|
|
|
|
|
|
|
@import "../../../app.wxss"; |
|
|
.order { |
|
|
.order { |
|
|
width: 100%; |
|
|
width: 100%; |
|
|
} |
|
|
} |
|
|
.tips { |
|
|
.tips { |
|
|
width: 92%; |
|
|
width: 92%; |
|
|
height: 88rpx; |
|
|
height: 88rpx; |
|
|
background: #00C0FF; |
|
|
|
|
|
|
|
|
background: #00c0ff; |
|
|
color: #fff; |
|
|
color: #fff; |
|
|
padding: 0 4%; |
|
|
padding: 0 4%; |
|
|
line-height: 88rpx; |
|
|
line-height: 88rpx; |
|
@@ -19,7 +19,7 @@ |
|
|
height: 32rpx; |
|
|
height: 32rpx; |
|
|
background: #fff; |
|
|
background: #fff; |
|
|
border-radius: 50%; |
|
|
border-radius: 50%; |
|
|
color: #00C0FF; |
|
|
|
|
|
|
|
|
color: #00c0ff; |
|
|
line-height: 32rpx; |
|
|
line-height: 32rpx; |
|
|
text-align: center; |
|
|
text-align: center; |
|
|
display: inline-block; |
|
|
display: inline-block; |
|
@@ -72,13 +72,15 @@ |
|
|
font-size: 24rpx; |
|
|
font-size: 24rpx; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.info view:nth-child(2), .info view:nth-child(3) { |
|
|
|
|
|
|
|
|
.info view:nth-child(2), |
|
|
|
|
|
.info view:nth-child(3) { |
|
|
color: #ff3434; |
|
|
color: #ff3434; |
|
|
font-size: 24rpx; |
|
|
font-size: 24rpx; |
|
|
padding-left: 4%; |
|
|
padding-left: 4%; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.info view:nth-child(2) text, .info view:nth-child(3) text { |
|
|
|
|
|
|
|
|
.info view:nth-child(2) text, |
|
|
|
|
|
.info view:nth-child(3) text { |
|
|
font-size: 22rpx; |
|
|
font-size: 22rpx; |
|
|
color: #b8b8b8; |
|
|
color: #b8b8b8; |
|
|
} |
|
|
} |
|
@@ -94,7 +96,7 @@ |
|
|
padding: 0 4%; |
|
|
padding: 0 4%; |
|
|
display: flex; |
|
|
display: flex; |
|
|
justify-content: space-between; |
|
|
justify-content: space-between; |
|
|
border-bottom: 20rpx solid #EDEDED; |
|
|
|
|
|
|
|
|
border-bottom: 20rpx solid #ededed; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.payment view:nth-child(2) text:nth-child(1) { |
|
|
.payment view:nth-child(2) text:nth-child(1) { |
|
@@ -112,40 +114,197 @@ |
|
|
.classif { |
|
|
.classif { |
|
|
width: 100%; |
|
|
width: 100%; |
|
|
} |
|
|
} |
|
|
.classif>view{ |
|
|
|
|
|
|
|
|
.classif > view { |
|
|
height: 88rpx; |
|
|
height: 88rpx; |
|
|
line-height: 88rpx; |
|
|
line-height: 88rpx; |
|
|
display: flex; |
|
|
display: flex; |
|
|
justify-content: space-between; |
|
|
justify-content: space-between; |
|
|
padding-left: 4%; |
|
|
padding-left: 4%; |
|
|
padding-right: 4%; |
|
|
padding-right: 4%; |
|
|
border-bottom:1rpx solid #eee; |
|
|
|
|
|
|
|
|
border-bottom: 1rpx solid #eee; |
|
|
} |
|
|
} |
|
|
.classif>view text{ |
|
|
|
|
|
|
|
|
.classif > view text { |
|
|
font-size: 30rpx; |
|
|
font-size: 30rpx; |
|
|
} |
|
|
} |
|
|
.classif>view text:nth-child(2){ |
|
|
|
|
|
color: #B8B8B8; |
|
|
|
|
|
font-size: 30rpx; |
|
|
|
|
|
|
|
|
.classif > view text:nth-child(2) { |
|
|
|
|
|
color: #b8b8b8; |
|
|
|
|
|
font-size: 30rpx; |
|
|
} |
|
|
} |
|
|
.classif>view:nth-child(1) { |
|
|
|
|
|
|
|
|
.classif > view:nth-child(1) { |
|
|
display: block; |
|
|
display: block; |
|
|
} |
|
|
} |
|
|
.classif>view:nth-child(1) text:nth-child(2) { |
|
|
|
|
|
|
|
|
.classif > view:nth-child(1) text:nth-child(2) { |
|
|
padding-left: 15rpx; |
|
|
padding-left: 15rpx; |
|
|
} |
|
|
} |
|
|
.classif>view:nth-child(3),.classif>view:nth-child(4) { |
|
|
|
|
|
border-top: 20rpx solid #EDEDED; |
|
|
|
|
|
|
|
|
.classif > view:nth-child(3), |
|
|
|
|
|
.classif > view:nth-child(4) { |
|
|
|
|
|
border-top: 20rpx solid #ededed; |
|
|
} |
|
|
} |
|
|
.classif>view:nth-child(3) view text:nth-child(2) { |
|
|
|
|
|
padding-left: 15rpx; |
|
|
|
|
|
} |
|
|
|
|
|
.classif>view:nth-child(6) text:nth-child(2){ |
|
|
|
|
|
color: #FF3434; |
|
|
|
|
|
|
|
|
.classif > view:nth-child(3) view text:nth-child(2) { |
|
|
|
|
|
padding-left: 15rpx; |
|
|
|
|
|
} |
|
|
|
|
|
.classif > view:nth-child(6) text:nth-child(2) { |
|
|
|
|
|
color: #ff3434; |
|
|
font-weight: bold; |
|
|
font-weight: bold; |
|
|
} |
|
|
} |
|
|
.spcode{ |
|
|
|
|
|
|
|
|
.spcode { |
|
|
width: 60rpx; |
|
|
width: 60rpx; |
|
|
display: inline-block; |
|
|
display: inline-block; |
|
|
margin-top: 15rpx; |
|
|
margin-top: 15rpx; |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
/*mask*/ |
|
|
|
|
|
.drawer_screen { |
|
|
|
|
|
position: absolute; |
|
|
|
|
|
width: 100%; |
|
|
|
|
|
height: 100%; |
|
|
|
|
|
top: 0; |
|
|
|
|
|
left: 0; |
|
|
|
|
|
z-index: 1000; |
|
|
|
|
|
background: #000; |
|
|
|
|
|
opacity: 0.5; |
|
|
|
|
|
overflow: hidden; |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.drawer_box { |
|
|
|
|
|
width: 650rpx; |
|
|
|
|
|
position: fixed; |
|
|
|
|
|
overflow: hidden; |
|
|
|
|
|
top: 50%; |
|
|
|
|
|
left: 0; |
|
|
|
|
|
z-index: 1001; |
|
|
|
|
|
margin: -150px 50rpx 0 50rpx; |
|
|
|
|
|
border-radius: 3px; |
|
|
|
|
|
} |
|
|
|
|
|
.drawer_title { |
|
|
|
|
|
padding: 15px; |
|
|
|
|
|
font: 20px "microsoft yahei"; |
|
|
|
|
|
text-align: center; |
|
|
|
|
|
} |
|
|
|
|
|
.drawer_content { |
|
|
|
|
|
height: 210px; |
|
|
|
|
|
overflow-y: scroll; /*超出父盒子高度可滚动*/ |
|
|
|
|
|
} |
|
|
|
|
|
.btn_ok { |
|
|
|
|
|
padding: 10px; |
|
|
|
|
|
font: 20px "microsoft yahei"; |
|
|
|
|
|
text-align: center; |
|
|
|
|
|
border-top: 1px solid #e8e8ea; |
|
|
|
|
|
color: #3cc51f; |
|
|
|
|
|
} |
|
|
|
|
|
.top { |
|
|
|
|
|
padding-top: 8px; |
|
|
|
|
|
} |
|
|
|
|
|
.bottom { |
|
|
|
|
|
padding-bottom: 8px; |
|
|
|
|
|
} |
|
|
|
|
|
.title { |
|
|
|
|
|
height: 30px; |
|
|
|
|
|
line-height: 30px; |
|
|
|
|
|
width: 160rpx; |
|
|
|
|
|
text-align: center; |
|
|
|
|
|
display: inline-block; |
|
|
|
|
|
font: 300 28rpx/30px "microsoft yahei"; |
|
|
|
|
|
} |
|
|
|
|
|
.input_base { |
|
|
|
|
|
border: 2rpx solid #ccc; |
|
|
|
|
|
padding-left: 10rpx; |
|
|
|
|
|
margin-right: 50rpx; |
|
|
|
|
|
} |
|
|
|
|
|
.input_h30 { |
|
|
|
|
|
height: 30px; |
|
|
|
|
|
line-height: 30px; |
|
|
|
|
|
} |
|
|
|
|
|
.input_h60 { |
|
|
|
|
|
height: 60px; |
|
|
|
|
|
} |
|
|
|
|
|
.input_view { |
|
|
|
|
|
font: 12px "microsoft yahei"; |
|
|
|
|
|
background: #fff; |
|
|
|
|
|
color: #000; |
|
|
|
|
|
line-height: 30px; |
|
|
|
|
|
} |
|
|
|
|
|
input { |
|
|
|
|
|
font: 12px "microsoft yahei"; |
|
|
|
|
|
background: #fff; |
|
|
|
|
|
color: #000; |
|
|
|
|
|
} |
|
|
|
|
|
radio { |
|
|
|
|
|
margin-right: 20px; |
|
|
|
|
|
} |
|
|
|
|
|
.grid { |
|
|
|
|
|
display: -webkit-box; |
|
|
|
|
|
display: box; |
|
|
|
|
|
} |
|
|
|
|
|
.col-0 { |
|
|
|
|
|
-webkit-box-flex: 0; |
|
|
|
|
|
box-flex: 0; |
|
|
|
|
|
} |
|
|
|
|
|
.col-1 { |
|
|
|
|
|
-webkit-box-flex: 1; |
|
|
|
|
|
box-flex: 1; |
|
|
|
|
|
} |
|
|
|
|
|
.fl { |
|
|
|
|
|
float: left; |
|
|
|
|
|
} |
|
|
|
|
|
.fr { |
|
|
|
|
|
float: right; |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.panel { |
|
|
|
|
|
width: 600rpx; |
|
|
|
|
|
border-radius: 10rpx; |
|
|
|
|
|
background-color: #fff; |
|
|
|
|
|
margin: 30rpx auto 0; |
|
|
|
|
|
padding: 30rpx 0; |
|
|
|
|
|
position: relative; |
|
|
|
|
|
z-index: 10000000000; |
|
|
|
|
|
} |
|
|
|
|
|
.pane2{ |
|
|
|
|
|
background: #fff; |
|
|
|
|
|
opacity: .6; |
|
|
|
|
|
} |
|
|
|
|
|
.pane2 image{ |
|
|
|
|
|
width: 500rpx; |
|
|
|
|
|
display: block; |
|
|
|
|
|
margin: 40rpx auto 0; |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.barcode { |
|
|
|
|
|
height: 100rpx; |
|
|
|
|
|
width: 500rpx; |
|
|
|
|
|
margin: 0 auto; |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.barnum { |
|
|
|
|
|
height: 46rpx; |
|
|
|
|
|
line-height: 46rpx; |
|
|
|
|
|
font-size: 32rpx; |
|
|
|
|
|
text-align: center; |
|
|
|
|
|
letter-spacing: 2rpx; |
|
|
|
|
|
white-space: nowrap; |
|
|
|
|
|
color: #999; |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.barnum text { |
|
|
|
|
|
color: #333; |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.barcode > canvas { |
|
|
|
|
|
width: 500rpx; |
|
|
|
|
|
height: 100rpx; |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.qrcode { |
|
|
|
|
|
height: 370rpx; |
|
|
|
|
|
display: flex; |
|
|
|
|
|
flex-direction: column; |
|
|
|
|
|
justify-content: flex-end; |
|
|
|
|
|
align-items: center; |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.qrcode > canvas { |
|
|
|
|
|
width: 350rpx; |
|
|
|
|
|
height: 400rpx; |
|
|
} |
|
|
} |