.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; }