463 lines
10 KiB
Plaintext
463 lines
10 KiB
Plaintext
.submit-order.data-v-d3de531c {
|
|
padding-bottom: calc(120rpx + env(safe-area-inset-bottom));
|
|
}
|
|
/* 地址信息 */
|
|
.address-section.data-v-d3de531c {
|
|
background-color: #ffffff;
|
|
padding: 32rpx 24rpx;
|
|
margin: 32rpx 24rpx 0;
|
|
border-radius: 16rpx;
|
|
box-shadow: 0 4rpx 16rpx 0 rgba(210, 213, 224, 0.5);
|
|
display: flex;
|
|
flex-flow: row nowrap;
|
|
justify-content: center;
|
|
align-items: center;
|
|
}
|
|
.address-choice.data-v-d3de531c,
|
|
.address-info.data-v-d3de531c {
|
|
flex: 1;
|
|
}
|
|
.positon-icon.data-v-d3de531c {
|
|
width: 60rpx;
|
|
height: 60rpx;
|
|
margin-right: 24rpx;
|
|
}
|
|
.user-info.data-v-d3de531c {
|
|
display: flex;
|
|
align-items: center;
|
|
margin-bottom: 8rpx;
|
|
}
|
|
.name.data-v-d3de531c {
|
|
font-size: 32rpx;
|
|
color: #3d3d3d;
|
|
font-weight: 500;
|
|
margin-right: 24rpx;
|
|
}
|
|
.phone.data-v-d3de531c {
|
|
font-size: 32rpx;
|
|
color: #3d3d3d;
|
|
font-weight: 500;
|
|
}
|
|
.address.data-v-d3de531c {
|
|
font-size: 28rpx;
|
|
color: #999999;
|
|
}
|
|
.section-cont.data-v-d3de531c {
|
|
margin: 24rpx 24rpx 0;
|
|
padding: 0 24rpx;
|
|
border-radius: 16rpx;
|
|
box-shadow: 0 4rpx 16rpx 0 rgba(210, 213, 224, 0.5);
|
|
background-color: #fff;
|
|
}
|
|
/* 时间选择 */
|
|
.time-section.data-v-d3de531c {
|
|
padding: 32rpx 0;
|
|
display: flex;
|
|
flex-flow: row nowrap;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
border-bottom: 1rpx solid rgba(0, 0, 0, 0.05);
|
|
}
|
|
.time-label.data-v-d3de531c {
|
|
font-size: 24rpx;
|
|
color: #666666;
|
|
}
|
|
.time-value.data-v-d3de531c {
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
.time.data-v-d3de531c {
|
|
font-size: 24rpx;
|
|
color: #333333;
|
|
margin-right: 8rpx;
|
|
}
|
|
/* 师傅信息 */
|
|
.master-section.data-v-d3de531c {
|
|
padding: 32rpx 0;
|
|
display: flex;
|
|
flex-flow: row nowrap;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
}
|
|
.master-name.data-v-d3de531c {
|
|
font-size: 24rpx;
|
|
color: #666666;
|
|
}
|
|
.master-info.data-v-d3de531c {
|
|
font-size: 24rpx;
|
|
color: #333333;
|
|
}
|
|
/* 预约服务 */
|
|
.service-section.data-v-d3de531c {
|
|
background-color: #ffffff;
|
|
padding: 0 24rpx;
|
|
margin: 24rpx 24rpx 0;
|
|
box-shadow: 0 4rpx 16rpx 0 rgba(210, 213, 224, 0.5);
|
|
border-radius: 16rpx;
|
|
}
|
|
.section-title.data-v-d3de531c {
|
|
padding: 24rpx 0;
|
|
display: flex;
|
|
flex-flow: row nowrap;
|
|
justify-content: flex-start;
|
|
align-items: center;
|
|
border-bottom: 1rpx solid rgba(0, 0, 0, 0.05);
|
|
}
|
|
.icon.data-v-d3de531c {
|
|
width: 6rpx;
|
|
height: 28rpx;
|
|
border: 3rpx;
|
|
margin-right: 16rpx;
|
|
background-color: #E8101E;
|
|
}
|
|
.service-item.data-v-d3de531c {
|
|
padding-top: 24rpx;
|
|
display: flex;
|
|
flex-flow: row nowrap;
|
|
justify-content: space-between;
|
|
align-items: stretch;
|
|
margin-bottom: 24rpx;
|
|
}
|
|
.section-lable.data-v-d3de531c {
|
|
font-size: 28rpx;
|
|
font-weight: 500;
|
|
color: #3d3d3d;
|
|
}
|
|
.service-image.data-v-d3de531c {
|
|
width: 160rpx;
|
|
height: 160rpx;
|
|
border-radius: 16rpx;
|
|
margin-right: 24rpx;
|
|
background-color: #e2e2e2;
|
|
}
|
|
.service-info.data-v-d3de531c {
|
|
flex: 1;
|
|
display: flex;
|
|
flex-flow: column nowrap;
|
|
justify-content: space-between;
|
|
align-items: stretch;
|
|
}
|
|
.service-name.data-v-d3de531c {
|
|
font-size: 28rpx;
|
|
color: #3d3d3d;
|
|
font-weight: 500;
|
|
}
|
|
.service-count.data-v-d3de531c {
|
|
flex-shrink: 0;
|
|
display: flex;
|
|
flex-flow: row nowrap;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
}
|
|
.count-lable.data-v-d3de531c {
|
|
font-size: 24rpx;
|
|
color: #666666;
|
|
}
|
|
.count-num.data-v-d3de531c {
|
|
font-size: 32rpx;
|
|
color: #333333;
|
|
}
|
|
.price-info.data-v-d3de531c {
|
|
margin-top: 32rpx;
|
|
margin-bottom: 24rpx;
|
|
}
|
|
.total-price.data-v-d3de531c {
|
|
padding-bottom: 32rpx;
|
|
}
|
|
.price-info.data-v-d3de531c,
|
|
.total-price.data-v-d3de531c {
|
|
display: flex;
|
|
flex-flow: row nowrap;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
}
|
|
.price-label.data-v-d3de531c,
|
|
.total-label.data-v-d3de531c {
|
|
color: #666666;
|
|
font-size: 24rpx;
|
|
}
|
|
.price-value.data-v-d3de531c,
|
|
.total-value.data-v-d3de531c {
|
|
color: #333333;
|
|
font-size: 24rpx;
|
|
font-weight: 500;
|
|
}
|
|
/* 备注 */
|
|
.remark-section.data-v-d3de531c {
|
|
background-color: #ffffff;
|
|
padding: 32rpx 24rpx;
|
|
margin: 24rpx;
|
|
border-radius: 16rpx;
|
|
box-shadow: 0 4rpx 16rpx 0 rgba(210, 213, 224, 0.5);
|
|
}
|
|
.remark-title.data-v-d3de531c {
|
|
font-size: 28rpx;
|
|
color: #333333;
|
|
margin-bottom: 24rpx;
|
|
display: block;
|
|
}
|
|
.remark-input.data-v-d3de531c {
|
|
width: 100%;
|
|
height: 160rpx;
|
|
font-size: 28rpx;
|
|
color: #333333;
|
|
}
|
|
.placeholder.data-v-d3de531c {
|
|
color: #999999;
|
|
font-size: 28rpx;
|
|
}
|
|
/* 底部结算栏 */
|
|
.footer.data-v-d3de531c {
|
|
position: fixed;
|
|
left: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
height: 150rpx;
|
|
background-color: #ffffff;
|
|
display: flex;
|
|
flex-flow: row nowrap;
|
|
justify-content: center;
|
|
align-items: center;
|
|
padding: 0 24rpx;
|
|
padding-bottom: env(safe-area-inset-bottom);
|
|
}
|
|
.price-total.data-v-d3de531c {
|
|
flex: 1;
|
|
display: flex;
|
|
flex-flow: column nowrap;
|
|
justify-content: flex-start;
|
|
align-items: flex-start;
|
|
}
|
|
.price-total .price.data-v-d3de531c {
|
|
font-size: 28rpx;
|
|
font-weight: 500;
|
|
color: #E8101E;
|
|
}
|
|
.amount-lable.data-v-d3de531c {
|
|
font-size: 24rpx;
|
|
color: #999999;
|
|
}
|
|
.submit-btn.data-v-d3de531c {
|
|
width: 492rpx;
|
|
height: 64rpx;
|
|
background: #E8101E;
|
|
border-radius: 32rpx;
|
|
color: #ffffff;
|
|
font-size: 28rpx;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
.arrow-icon.data-v-d3de531c {
|
|
width: 32rpx;
|
|
height: 32rpx;
|
|
}
|
|
/* 弹框遮罩 */
|
|
.popup.data-v-d3de531c {
|
|
position: fixed;
|
|
top: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
z-index: 998;
|
|
}
|
|
.popup-mask.data-v-d3de531c {
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
background-color: rgba(0, 0, 0, 0.5);
|
|
}
|
|
/* 时间选择弹框 */
|
|
.time-popup.data-v-d3de531c {
|
|
position: absolute;
|
|
left: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
background-color: #ffffff;
|
|
border-radius: 24rpx 24rpx 0 0;
|
|
overflow: hidden;
|
|
padding-bottom: env(safe-area-inset-bottom);
|
|
-webkit-transform: translateY(0);
|
|
transform: translateY(0);
|
|
transition: -webkit-transform 0.3s;
|
|
transition: transform 0.3s;
|
|
transition: transform 0.3s, -webkit-transform 0.3s;
|
|
z-index: 999;
|
|
}
|
|
.popup-header.data-v-d3de531c {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
padding: 30rpx 30rpx 36rpx 30rpx;
|
|
}
|
|
.popup-header .popup-close.data-v-d3de531c {
|
|
font-family: PingFangSC, PingFang SC;
|
|
font-weight: 400;
|
|
font-size: 26rpx;
|
|
color: #999999;
|
|
line-height: 37rpx;
|
|
text-align: left;
|
|
font-style: normal;
|
|
}
|
|
.popup-header .popup-title.data-v-d3de531c {
|
|
font-family: PingFangSC, PingFang SC;
|
|
font-weight: 500;
|
|
font-size: 30rpx;
|
|
color: #333333;
|
|
line-height: 42rpx;
|
|
text-align: left;
|
|
font-style: normal;
|
|
}
|
|
.time-picker-content.data-v-d3de531c {
|
|
padding: 32rpx 32rpx;
|
|
}
|
|
.time-picker-content__datas.data-v-d3de531c {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
}
|
|
.time-picker-content__datas__date__item.data-v-d3de531c {
|
|
width: 214rpx;
|
|
height: 67rpx;
|
|
background: #f7f8fa;
|
|
border-radius: 10rpx;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
.time-picker-content__datas__date__item__text.data-v-d3de531c {
|
|
font-family: PingFangSC, PingFang SC;
|
|
font-weight: 400;
|
|
font-size: 26rpx;
|
|
color: #333333;
|
|
line-height: 37rpx;
|
|
text-align: left;
|
|
font-style: normal;
|
|
position: relative;
|
|
z-index: 2;
|
|
}
|
|
.time-picker-content__datas__date__item__text.active.data-v-d3de531c {
|
|
color: #ffffff;
|
|
background: transparent;
|
|
background-position: bottom;
|
|
}
|
|
.time-picker-content__datas__date__item__box.data-v-d3de531c {
|
|
width: 214rpx;
|
|
height: 74rpx;
|
|
position: absolute;
|
|
z-index: 1;
|
|
}
|
|
.time-picker-content__time__list.data-v-d3de531c {
|
|
flex: 1;
|
|
height: 600rpx;
|
|
margin-top: 30rpx;
|
|
}
|
|
.time-picker-content__time__list.data-v-d3de531c ::-webkit-scrollbar {
|
|
display: none;
|
|
}
|
|
.time-picker-content__time__list uni-scroll-view .uni-scroll-view.data-v-d3de531c::-webkit-scrollbar {
|
|
display: none;
|
|
}
|
|
.time-picker-content__time__list.data-v-d3de531c .uni-scroll-view-content {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
justify-content: flex-start;
|
|
-webkit-column-gap: 21rpx;
|
|
column-gap: 21rpx;
|
|
row-gap: 30rpx;
|
|
max-height: 100%;
|
|
height: auto;
|
|
}
|
|
.time-picker-content__time__list__item.data-v-d3de531c {
|
|
box-sizing: border-box;
|
|
width: 156rpx;
|
|
height: 90rpx;
|
|
background: #f7f8fa;
|
|
border-radius: 10rpx;
|
|
font-family: PingFangSC, PingFang SC;
|
|
font-weight: 400;
|
|
font-size: 26rpx;
|
|
color: #3c3638;
|
|
line-height: 37rpx;
|
|
text-align: left;
|
|
font-style: normal;
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
.time-picker-content__time__list .state-available.data-v-d3de531c {
|
|
color: #3c3638;
|
|
background: #f7f8fa;
|
|
/* 可约 */
|
|
}
|
|
.time-picker-content__time__list .state-full.data-v-d3de531c {
|
|
color: #3c3638;
|
|
background: #e4e9f0;
|
|
/* 约满 */
|
|
}
|
|
.time-picker-content__time__list .state-rest.data-v-d3de531c {
|
|
color: #cdcdcd;
|
|
background: #f7f8f9;
|
|
/* 休息 */
|
|
}
|
|
.time-picker-content__time__list .state-locked.data-v-d3de531c {
|
|
color: #3c3638;
|
|
background: #e4e9f0;
|
|
/* 锁定 */
|
|
}
|
|
.time-picker-content__time__list .state-unavailable.data-v-d3de531c {
|
|
color: #ffffff;
|
|
background: #e4e9f0;
|
|
/* 不可用 */
|
|
}
|
|
.time-picker-content__time__list .state-unknown.data-v-d3de531c {
|
|
/* 未知状态 */
|
|
}
|
|
.time-picker-content__time__list .isActive.data-v-d3de531c {
|
|
background: rgba(252, 67, 124, 0.08);
|
|
border-radius: 10rpx;
|
|
border: 1rpx solid #E8101E;
|
|
color: #E8101E;
|
|
/* 选中状态 */
|
|
}
|
|
.time-picker-content__time__list__item.active.data-v-d3de531c {
|
|
background-color: #fff0f0;
|
|
color: #ff3e3e;
|
|
font-weight: 500;
|
|
}
|
|
.time-picker-content__time__list__item.noselected.data-v-d3de531c {
|
|
/* background-color: #FFF0F0; */
|
|
color: #999999;
|
|
font-weight: 500;
|
|
}
|
|
.time-picker-content__time__sure.data-v-d3de531c {
|
|
padding: 39rpx 0;
|
|
display: flex;
|
|
justify-content: center;
|
|
}
|
|
.time-picker-content__time__sure__box.data-v-d3de531c {
|
|
width: 648rpx;
|
|
height: 94rpx;
|
|
background: linear-gradient(140deg, #fa4e9a 0%, #E8101E 100%);
|
|
border-radius: 48rpx;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
font-family: PingFangSC, PingFang SC;
|
|
font-weight: 400;
|
|
font-size: 30rpx;
|
|
color: #ffffff;
|
|
line-height: 42rpx;
|
|
text-align: left;
|
|
font-style: normal;
|
|
}
|
|
/* 多端适配 */
|
|
.time-popup.data-v-d3de531c {
|
|
max-height: 95vh;
|
|
}
|
|
|