oak-frontend-base/lib/miniprogram_npm/lin-ui/calendar/components/day/index.less

59 lines
1.0 KiB
Plaintext

@import "../../../styles/_base.less";
.calendar-day-container{
display: flex;
flex-direction: column;
height: 100%;
align-items: center;
position: relative;
color: #666;
&.selected{
background-color: @default-color;
color: #ffffff;
border-radius: 8rpx;
}
&.start{
background-color: @default-color;
color: #ffffff;
border-radius: 8rpx;
}
&.end{
background-color: @default-color;
color: #ffffff;
border-radius: 8rpx;
}
&.disabled{
color: #c8c9cc;
cursor: default;
background: #ffffff;
}
&.middle{
color: @default-color;
&::after{
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: currentColor;
opacity: 0.1;
content: '';
}
}
// background-color: red;
// color: #eff9f0;
.top{
height: 24rpx;
line-height: 24rpx;
font-size: 16rpx;
}
.text{
flex: 1;
font-size: 32rpx;
}
.bottom{
height: 24rpx;
line-height: 24rpx;
font-size: 16rpx;
}
}