/* 时间选择弹框 */ .time-popup.data-v-3225951e { 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-3225951e { display: flex; justify-content: space-between; align-items: center; padding: 30rpx 30rpx 36rpx 30rpx; } .popup-header .popup-close.data-v-3225951e { 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-3225951e { 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-3225951e { padding: 0rpx 30rpx 30rpx 30rpx; } .time-picker-content__datas.data-v-3225951e { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; } .time-picker-content__datas__date__item.data-v-3225951e { 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-3225951e { 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-3225951e { color: #ffffff; background: transparent; background-position: bottom; } .time-picker-content__datas__date__item__box.data-v-3225951e { width: 214rpx; height: 74rpx; position: absolute; z-index: 1; } .time-picker-content__time__list.data-v-3225951e { flex: 1; height: 400rpx; margin-top: 30rpx; } .time-picker-content__time__list.data-v-3225951e ::-webkit-scrollbar { display: none; } .time-picker-content__time__list uni-scroll-view .uni-scroll-view.data-v-3225951e::-webkit-scrollbar { display: none; } .time-picker-content__time__list.data-v-3225951e .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-3225951e { 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-3225951e { color: #3c3638; background: #f7f8fa; /* 可约 */ } .time-picker-content__time__list .state-full.data-v-3225951e { color: #3c3638; background: #e4e9f0; /* 约满 */ } .time-picker-content__time__list .state-rest.data-v-3225951e { color: #cdcdcd; background: #f7f8f9; /* 休息 */ } .time-picker-content__time__list .state-locked.data-v-3225951e { color: #3c3638; background: #e4e9f0; /* 锁定 */ } .time-picker-content__time__list .state-unavailable.data-v-3225951e { color: #ffffff; background: #e4e9f0; /* 不可用 */ } .time-picker-content__time__list .state-unknown.data-v-3225951e { /* 未知状态 */ } .time-picker-content__time__list .isActive.data-v-3225951e { 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-3225951e { background-color: #fff0f0; color: #ff3e3e; font-weight: 500; } .time-picker-content__time__list__item.noselected.data-v-3225951e { /* background-color: #FFF0F0; */ color: #999999; font-weight: 500; } .time-picker-content__time__sure.data-v-3225951e { padding: 39rpx 0; display: flex; justify-content: center; } .time-picker-content__time__sure__box.data-v-3225951e { 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; }