@charset "UTF-8"; /** * uni-app内置的常用样式变量 */ /* 行为相关颜色 */ /* 文字基本颜色 */ /* 背景颜色 */ /* 边框颜色 */ /* 尺寸变量 */ /* 文字尺寸 */ /* 图片尺寸 */ /* Border Radius */ /* 水平间距 */ /* 垂直间距 */ /* 透明度 */ /* 文章场景相关 */ .lunc-calendar { background-color: #FFF; } .lunc-calendar .header { display: flex; flex-direction: row; justify-content: center; align-items: center; position: relative; height: 88rpx; line-height: 88rpx; border-bottom: 2rpx solid #4775EA; } .lunc-calendar .header .head-month { font-size: 30rpx; padding: 0 40rpx; font-weight: bold; } .lunc-calendar .header .go-to-today { position: absolute; right: 16rpx; top: 26rpx; font-size: 24rpx; line-height: 36rpx; color: #AAAAAA; text-align: center; width: 80rpx; height: 36rpx; border: 2rpx solid #AAAAAA; border-radius: 18rpx; box-sizing: border-box; } .lunc-calendar .header .head-icon { content: ''; display: flex; width: 22rpx; height: 22rpx; border-top: 2rpx solid #161616; border-left: 2rpx solid #161616; } .lunc-calendar .header .head-icon.head-pre-month { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .lunc-calendar .header .head-icon.head-next-month { -webkit-transform: rotate(135deg); transform: rotate(135deg); } .lunc-calendar .header .head-icon.nocheck { border-top: 2rpx solid #aaaaaa; border-left: 2rpx solid #aaaaaa; } .lunc-calendar .week-area { display: flex; flex-direction: row; align-items: center; padding: 16rpx 0; } .lunc-calendar .week-area .week-font { flex: 1; text-align: center; color: #161616; font-size: 30rpx; font-weight: bold; } .lunc-calendar .week-area.week-tit .week-font:first-child { color: #aaaaaa; } .lunc-calendar .week-area.week-tit .week-font:last-child { color: #aaaaaa; } .lunc-calendar .calendar-data .swiper-item { position: relative; display: flex; justify-content: center; align-items: center; flex-direction: row; } .lunc-calendar .calendar-data .swiper-item .month-bg { position: absolute; font-size: 460rpx; color: #EEE; font-weight: bold; opacity: 0.4; z-index: -1; } .lunc-calendar .calendar-data .swiper-item .month-days { flex: 1; position: relative; } .lunc-calendar .calendar-data .swiper-item .month-days .week-days { display: flex; flex-direction: row; } .lunc-calendar .calendar-data .swiper-item .month-days .week-days .day { flex: 1; width: 14.28%; text-align: center; height: 90rpx; color: #000; padding: 0 6rpx; display: flex; } .lunc-calendar .calendar-data .swiper-item .month-days .week-days .day .day-info { flex: 1; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; position: relative; } .lunc-calendar .calendar-data .swiper-item .month-days .week-days .day .day-info .day-solar { display: flex; font-size: 34rpx; line-height: 34rpx; margin-top: 18rpx; } .lunc-calendar .calendar-data .swiper-item .month-days .week-days .day .day-info .day-lunar, .lunc-calendar .calendar-data .swiper-item .month-days .week-days .day .day-info .day-sign { color: #161616; font-size: 24rpx; line-height: 24rpx; -webkit-transform: scale(0.8); transform: scale(0.8); white-space: nowrap; } .lunc-calendar .calendar-data .swiper-item .month-days .week-days .day .day-info .day-sign { color: #161616 !important; } .lunc-calendar .calendar-data .swiper-item .month-days .week-days .day .day-info .day-tag { content: ""; position: absolute; top: 8rpx; right: 8rpx; width: 10rpx; height: 10rpx; border-radius: 6rpx; background-color: #F75858; } .lunc-calendar .calendar-data .swiper-item .month-days .week-days .day .day-info.un-month { opacity: 0.25; transition: opacity 300ms; } .lunc-calendar .calendar-data .swiper-item .month-days .week-days .day .is-today .day-solar, .lunc-calendar .calendar-data .swiper-item .month-days .week-days .day .is-today .day-sign, .lunc-calendar .calendar-data .swiper-item .month-days .week-days .day .is-today .day-lunar { color: #409eff; } .lunc-calendar .calendar-data .swiper-item .month-days .week-days .day .is-holiday .day-solar, .lunc-calendar .calendar-data .swiper-item .month-days .week-days .day .is-holiday .day-sign, .lunc-calendar .calendar-data .swiper-item .month-days .week-days .day .is-holiday .day-lunar { color: #161616 !important; } .lunc-calendar .calendar-data .swiper-item .month-days .week-days .day .day-infoa .day-solar, .lunc-calendar .calendar-data .swiper-item .month-days .week-days .day .is-holiday .day-solar { color: #AAAAAA !important; } .lunc-calendar .calendar-data .swiper-item .month-days .week-days .day .day-infoa .day-sign, .lunc-calendar .calendar-data .swiper-item .month-days .week-days .day .is-holiday .day-sign { color: #AAAAAA !important; } .lunc-calendar .calendar-data .swiper-item .month-days .week-days .day .day-infoa .day-lunar, .lunc-calendar .calendar-data .swiper-item .month-days .week-days .day .is-holiday .day-lunar { color: #AAAAAA !important; } .lunc-calendar .calendar-data .swiper-item .month-days .week-days .day .is-sel { background-color: #4775EA; border-radius: 16rpx; } .lunc-calendar .calendar-data .swiper-item .month-days .week-days .day .is-sel .day-solar { color: #ffffff !important; } .lunc-calendar .calendar-data .swiper-item .month-days .week-days .day .is-sel .day-sign { color: #ffffff !important; } .lunc-calendar .calendar-data .swiper-item .item-week .un-month { opacity: 1 !important; } .lunc-calendar .shrink { display: flex; justify-content: center; align-items: center; height: 60rpx; } .lunc-calendar .shrink .shrink-img { width: 32rpx; height: 18rpx; } .lunc-calendar .shrink .shrink-btn { width: 32rpx; height: 32rpx; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAMhJREFUOE/dky8LAkEQxd9w0WjV72KxWXfggmAyWWzXxHbNYjIJhoOZarvid9FqNB4jCyes3h9OLghu3fceb36zS+h5qKcf/xYgIisAayJKnHMa8lFVZ2YpgB0z7193FQYisgCwAXA3s8QLicgbhwC2zHwMgxshBkFeXzE2Nvh2rW8NsiybRFE0ZuZTXZCIzIuiuMZxfKltICJTAAciegDwIM9eqKozAKmZDQAsmTlvHSGY/1YKR00cWl9iGYRP8p220BXm7//CE8WyQBHBXZb9AAAAAElFTkSuQmCC); } .lunc-calendar .shrink .shrink-close { -webkit-transform: rotate(180deg); transform: rotate(180deg); }