.calendar.data-v-41c06644 { padding: 16px; } .header.data-v-41c06644 { display: flex; flex-direction: column; } .header-title.data-v-41c06644 { display: flex; justify-content: space-between; align-items: center; } .year-month.data-v-41c06644 { font-size: 18px; font-weight: bold; margin-bottom: 8px; } .botton-father.data-v-41c06644 { display: flex; margin-top: -20rpx; } .click-button.data-v-41c06644 { padding: 10rpx; width: 120rpx; font-size: 25rpx; height: 40rpx; margin-right: 10rpx; display: flex; justify-content: center; align-items: center; color: #fff; background-color: #888; border-radius: 10rpx; } .weekdays.data-v-41c06644 { display: flex; background-color: #E9E7FC; border-radius: 30rpx; padding: 10rpx; } .weekday.data-v-41c06644 { flex: 1; text-align: center; } .days.data-v-41c06644 { display: flex; flex-wrap: wrap; padding: 10rpx; } .day-cell.data-v-41c06644 { width: 73.5rpx; height: 80.5rpx; text-align: center; padding-top: 8rpx; padding-bottom: 8rpx; box-sizing: border-box; } .day-cell.prev-month .gregorian.data-v-41c06644, .day-cell.next-month .gregorian.data-v-41c06644 { color: #ccc; } /* 选中样式 */ .day-cell.selected.data-v-41c06644 { background-color: #0B98DC; border-radius: 10rpx; } .day-cell.selected .gregorian.data-v-41c06644, .day-cell.selected .lunar.data-v-41c06644 { color: #fff; } .gregorian.data-v-41c06644 { font-size: 14px; } .lunar.data-v-41c06644 { font-size: 10px; color: #888; }