hls_crm/unpackage/dist/dev/mp-weixin/components/zzx-calendar/zzx-calendar.wxss

117 lines
2.6 KiB
Plaintext

@charset "UTF-8";
/* 颜色变量 */
/* 行为相关颜色 */
/* 基本颜色 */
.zzx-calendar.data-v-6fe68864 {
width: 100%;
height: auto;
}
.zzx-calendar .calendar-heander.data-v-6fe68864 {
font-size: 30rpx;
display: flex;
justify-content: space-between;
align-items: center;
padding: 24rpx;
}
.zzx-calendar .calendar-heander .time.data-v-6fe68864 {
color: #333;
}
.zzx-calendar .calendar-heander .month.data-v-6fe68864 {
display: flex;
justify-content: flex-end;
align-items: center;
}
.zzx-calendar .calendar-weeks.data-v-6fe68864 {
width: 100%;
display: flex;
flex-flow: row nowrap;
height: 60rpx;
line-height: 60rpx;
justify-content: center;
align-items: center;
font-size: 26rpx;
}
.zzx-calendar .calendar-weeks .calendar-week.data-v-6fe68864 {
width: 14.2857142857%;
height: 100%;
text-align: center;
}
.zzx-calendar swiper.data-v-6fe68864 {
width: 100%;
height: 60rpx;
}
.zzx-calendar .calendar-content.data-v-6fe68864 {
min-height: 60rpx;
}
.zzx-calendar .calendar-swiper.data-v-6fe68864 {
min-height: 70rpx;
transition: height ease-out 0.3s;
}
.zzx-calendar .calendar-item.data-v-6fe68864 {
margin: 0;
padding: 0;
height: 100%;
}
.zzx-calendar .calendar-days.data-v-6fe68864 {
display: flex;
flex-flow: row wrap;
width: 100%;
height: 100%;
overflow: hidden;
font-size: 28rpx;
}
.zzx-calendar .calendar-days .calendar-day.data-v-6fe68864 {
width: 14.2857142857%;
height: 70rpx;
text-align: center;
display: flex;
flex-flow: column nowrap;
justify-content: flex-start;
align-items: center;
}
.zzx-calendar .day-hidden.data-v-6fe68864 {
visibility: hidden;
}
.zzx-calendar .mode-change.data-v-6fe68864 {
display: flex;
justify-content: center;
margin-top: 10rpx;
}
.zzx-calendar .mode-change .mode-arrow-top.data-v-6fe68864 {
width: 0;
height: 0;
border-left: 12rpx solid transparent;
border-right: 12rpx solid transparent;
border-bottom: 10rpx solid #008EFF;
}
.zzx-calendar .mode-change .mode-arrow-bottom.data-v-6fe68864 {
width: 0;
height: 0;
border-left: 12rpx solid transparent;
border-right: 12rpx solid transparent;
border-top: 10rpx solid #008EFF;
}
.zzx-calendar .is-today.data-v-6fe68864 {
background: #ffffff;
border-radius: 50%;
color: #008EFF;
}
.zzx-calendar .is-checked.data-v-6fe68864 {
background: #008EFF;
color: #ffffff;
}
.zzx-calendar .date.data-v-6fe68864 {
width: 50rpx;
height: 50rpx;
line-height: 50rpx;
margin: 0 auto;
border-radius: 50rpx;
}
.zzx-calendar .dot-show.data-v-6fe68864 {
margin-top: 4rpx;
width: 10rpx;
height: 10rpx;
background: #c6c6c6;
border-radius: 10rpx;
}