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.
367 lines
12 KiB
367 lines
12 KiB
.page { |
|
padding-bottom: 200rpx; |
|
.page-container { |
|
width: 100%; |
|
padding: 30rpx 38rpx; |
|
box-sizing: border-box; |
|
|
|
.banner-new { |
|
.row { |
|
margin-top: 48rpx; |
|
&:first-of-type { |
|
margin-top: 0; |
|
} |
|
.row-header { |
|
display: flex; |
|
align-items: center; |
|
justify-content: space-between; |
|
.label { |
|
font-size: 32rpx; |
|
color: rgba(33, 29, 46, 1); |
|
font-weight: bold; |
|
.sub { |
|
color: rgba(105, 104, 110, 1); |
|
font-weight: normal; |
|
} |
|
} |
|
.change-phone { |
|
font-size: 32rpx; |
|
color: #cf5375; |
|
} |
|
} |
|
.row-content { |
|
padding-top: 24rpx; |
|
.input { |
|
padding: 24rpx 48rpx; |
|
background-color: rgba(246, 248, 249, 1); |
|
border-radius: 116rpx; |
|
color: #283031; |
|
line-height: 40rpx; |
|
} |
|
.place-input { |
|
color: #999999; |
|
} |
|
.radio-btns { |
|
display: grid; |
|
grid-template-columns: repeat(2, 1fr); |
|
gap: 22rpx; |
|
&.radio-btns3 { |
|
grid-template-columns: repeat(3, 1fr); |
|
} |
|
.btn { |
|
padding: 24rpx; |
|
font-size: 32rpx; |
|
color: rgba(173, 172, 178, 1); |
|
text-align: center; |
|
line-height: 40rpx; |
|
border-radius: 116rpx; |
|
border: 1px solid rgba(246, 248, 249, 1); |
|
background-color: rgba(246, 248, 249, 1); |
|
&.active { |
|
color: rgba(185, 130, 255, 1); |
|
border-color: rgba(185, 130, 255, 1); |
|
background-color: #FAF6FF; |
|
} |
|
} |
|
} |
|
.r-picker { |
|
display: block; |
|
.r-picker-content { |
|
padding: 24rpx 28rpx; |
|
background: #f2f2f2; |
|
border-radius: 12rpx 12rpx 12rpx 12rpx; |
|
border: 1rpx solid #cccccc; |
|
display: flex; |
|
align-items: center; |
|
justify-content: space-between; |
|
.value { |
|
font-size: 32rpx; |
|
color: #283031; |
|
line-height: 40rpx; |
|
&:empty { |
|
&::after { |
|
content: attr(data-place); |
|
color: #999999; |
|
font-size: 32rpx; |
|
} |
|
} |
|
} |
|
.triangle { |
|
width: 48rpx; |
|
height: 48rpx; |
|
} |
|
} |
|
} |
|
} |
|
} |
|
.protocol { |
|
margin-top: 48rpx; |
|
display: flex; |
|
align-items: center; |
|
justify-content: space-between; |
|
.wrap { |
|
line-height: 1; |
|
.name { |
|
font-size: 32rpx; |
|
color: #283031; |
|
font-weight: bold; |
|
} |
|
.book { |
|
margin-top: 16rpx; |
|
font-size: 28rpx; |
|
color: #cf5375; |
|
} |
|
} |
|
} |
|
} |
|
|
|
// .footer-new { |
|
// position: fixed; |
|
// left: 0; |
|
// bottom: 80rpx; |
|
// z-index: 10; |
|
// width: 100%; |
|
// padding: 0 30rpx; |
|
// box-sizing: border-box; |
|
// display: grid; |
|
// grid-template-columns: repeat(auto-fit, minmax(200rpx, 1fr)); |
|
// gap: 20rpx; |
|
// .btn1 { |
|
// height: 88rpx; |
|
// text-align: center; |
|
// line-height: 88rpx; |
|
// background: #dddddd; |
|
// font-size: 34rpx; |
|
// font-weight: bold; |
|
// color: #283031; |
|
// border-radius: 24rpx 24rpx 24rpx 24rpx; |
|
// } |
|
// .btn2 { |
|
// height: 88rpx; |
|
// text-align: center; |
|
// line-height: 88rpx; |
|
// background: #dddddd; |
|
// font-size: 34rpx; |
|
// font-weight: bold; |
|
// color: #283031; |
|
// border-radius: 24rpx 24rpx 24rpx 24rpx; |
|
// } |
|
// .btn3 { |
|
// height: 88rpx; |
|
// text-align: center; |
|
// line-height: 88rpx; |
|
// background: #dddddd; |
|
// font-size: 34rpx; |
|
// font-weight: bold; |
|
// color: #283031; |
|
// border-radius: 24rpx 24rpx 24rpx 24rpx; |
|
// } |
|
// } |
|
|
|
.cancellation { |
|
margin: 58rpx -38rpx 0; |
|
height: 96rpx; |
|
text-align: center; |
|
line-height: 96rpx; |
|
font-size: 32rpx; |
|
color: rgba(195, 148, 255, 1); |
|
border-top: 1px solid rgba(246, 248, 249, 1); |
|
border-bottom: 1px solid rgba(246, 248, 249, 1); |
|
&:last-of-type{ |
|
margin-top: 0; |
|
border: none; |
|
} |
|
} |
|
} |
|
|
|
.picker { |
|
font-size: 28rpx; |
|
color: #023eba; |
|
max-width: 50vw; |
|
} |
|
|
|
.call { |
|
text-align: center; |
|
margin: 0 auto; |
|
width: 560rpx; |
|
height: 80rpx; |
|
line-height: 80rpx; |
|
background: #023eba; |
|
border-radius: 100px 100px 100px 100px; |
|
font-size: 34rpx; |
|
font-family: |
|
Source Han Sans CN-Bold, |
|
Source Han Sans CN; |
|
font-weight: bold; |
|
color: #ffffff; |
|
} |
|
|
|
.order-shop { |
|
position: fixed; |
|
left: 0; |
|
top: 0; |
|
width: 100vw; |
|
height: 100vh; |
|
background-color: rgba(0, 0, 0, 0.25); |
|
z-index: 666; |
|
} |
|
|
|
.order-shop-worker { |
|
position: fixed; |
|
display: flex; |
|
justify-content: center; |
|
align-items: center; |
|
left: 0; |
|
top: 0; |
|
width: 100vw; |
|
height: 100vh; |
|
background-color: rgba(0, 0, 0, 0.25); |
|
z-index: 3; |
|
} |
|
|
|
.order-shop-box { |
|
position: fixed; |
|
left: 0; |
|
bottom: 0; |
|
width: 100vw; |
|
max-height: 80vh; |
|
background: #ffffff; |
|
box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.5); |
|
border-radius: 32rpx 32rpx 0px 0px; |
|
padding: 48rpx 0 60rpx; |
|
} |
|
|
|
.order-shop-worker-box { |
|
width: 646rpx; |
|
padding: 48rpx 40rpx 64rpx; |
|
background: #ffffff; |
|
border-radius: 32rpx; |
|
} |
|
|
|
.order-shop-title { |
|
text-align: center; |
|
font-size: 36rpx; |
|
font-family: |
|
PingFangSC-Medium, |
|
PingFang SC; |
|
font-weight: bold; |
|
color: #222222; |
|
line-height: 50rpx; |
|
} |
|
|
|
.order-search { |
|
box-sizing: border-box; |
|
width: 690rpx; |
|
height: 84rpx; |
|
line-height: 84rpx; |
|
background: #f8f8f8; |
|
border-radius: 42rpx; |
|
margin: 32rpx auto; |
|
padding-left: 74rpx; |
|
background-position: 30rpx center; |
|
background-repeat: no-repeat; |
|
background-size: 36rpx; |
|
background-image: url(data:image/png;base64,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); |
|
} |
|
|
|
.search-input { |
|
font-size: 28rpx; |
|
line-height: 84rpx; |
|
height: 84rpx; |
|
padding-right: 30rpx; |
|
} |
|
|
|
.search-cell-box { |
|
max-height: 550rpx; |
|
} |
|
|
|
.search-cell { |
|
display: flex; |
|
justify-content: space-between; |
|
padding: 0 60rpx; |
|
color: #aeb6cd; |
|
} |
|
|
|
.shop-text { |
|
padding: 20rpx 0; |
|
text-align: center; |
|
line-height: 40rpx; |
|
// border-bottom: 2rpx solid #f8f8f8; |
|
flex: 1; |
|
font-size: 32rpx; |
|
font-family: |
|
Alibaba PuHuiTi-Medium, |
|
Alibaba PuHuiTi; |
|
font-weight: 500; |
|
} |
|
|
|
.search-cell-active { |
|
border-bottom: none; |
|
color: #364e9e; |
|
font-size: 32rpx; |
|
font-family: |
|
Alibaba PuHuiTi-Medium, |
|
Alibaba PuHuiTi; |
|
font-weight: 500; |
|
color: #364e9e; |
|
} |
|
|
|
.fl1 { |
|
display: flex; |
|
justify-content: space-between; |
|
padding: 0 30rpx; |
|
} |
|
|
|
.closeShop { |
|
color: #aeb6cd; |
|
font-size: 28rpx; |
|
margin-left: auto; |
|
} |
|
|
|
.clickShop { |
|
color: #364e9e; |
|
font-size: 28rpx; |
|
} |
|
|
|
.empty-image { |
|
margin: 0 auto; |
|
width: 100%; |
|
padding-top: 450rpx; |
|
text-align: center; |
|
background-position: center 100rpx; |
|
background-size: 300rpx; |
|
background-repeat: no-repeat; |
|
background-image: url(https://m.zd.hbraas.com/zd/none.png?t={{Timestamp}}); |
|
} |
|
|
|
.moretext { |
|
white-space: nowrap; |
|
text-overflow: ellipsis; |
|
overflow: hidden; |
|
} |
|
} |
|
|
|
.popup { |
|
.popup-title { |
|
display: flex; |
|
justify-content: space-between; |
|
padding: 20rpx 40rpx; |
|
font-size: 32rpx; |
|
.clsoe { |
|
color: #7f7f7f; |
|
} |
|
.sure { |
|
color: #22c065; |
|
} |
|
} |
|
.popup-picker { |
|
.picker-col { |
|
padding: 10rpx 30rpx; |
|
font-size: 28rpx; |
|
line-height: 40rpx; |
|
box-sizing: border-box; |
|
display: flex; |
|
align-items: center; |
|
} |
|
} |
|
}
|
|
|