yuminge-app/yun-min-program-plugin-master/packageC/mycomponent/hotel/date_picker/date_picker.wxss

102 lines
1.4 KiB
Plaintext

.time_box {
display: inline;
text-align: center;
}
.time_box .fixed {
top: 20%;
}
.time_box .box {
margin-top: 140rpx;
}
.time_box .title {
background: #fff;
line-height: 80rpx;
text-align: center;
display: flex;
}
.time_box .title .h3 {
width: 100%;
font-size: 32rpx;
}
.time_box .title icon {
font-size: 32rpx;
color: #999;
position: absolute;
right: 20rpx;
line-height: 80rpx;
}
.time_box .week_box {
background: #f5f5f5;
}
.time_box .week_box .week {
display: flex;
}
.time_box .week_box .week .li {
width: 107rpx;
font-size: 30rpx;
line-height: 60rpx;
}
.time_box .week_box .week .li:last-child,
.time_box .week_box .week .li:first-child {
color: #f15353;
}
.time_box .month_box {
background: #fff;
margin-bottom: 20rpx;
}
.time_box .month_box .h4 {
line-height: 72rpx;
text-align: center;
border-bottom: solid 2rpx #ebebeb;
font-size: 30rpx;
font-weight: normal;
}
.time_box .month_box .month {
padding: 20rpx 0;
}
.time_box .month_box .month .row {
display: flex;
flex-wrap: wrap;
}
.time_box .month_box .month .row .li {
flex-direction: row;
width: 107rpx;
font-size: 30rpx;
height: 90rpx;
}
.time_box .month_box .month .row .cur {
background: #53a1f1;
border-radius: 8rpx;
color: #fff;
}
.choose {
background: #333;
color: #fff;
}
.choose1 {
background: #333;
color: #fff;
}
.cur_choose {
border: solid 2rpx #53a1f1;
background: #eaf4fd;
}