mrr.sj.front/unpackage/dist/dev/mp-weixin/components/select-time-page/select-time-page2.wxss

184 lines
4.5 KiB
Plaintext

/* 时间选择弹框 */
.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;
}