| | |
| | | }" |
| | | @click="selectDay(day)" |
| | | > |
| | | <div class="cell-content"> |
| | | <div class="cell-content" style="height: 100%; overflow: hidden"> |
| | | <!-- 插槽用于渲染日期内容 --> |
| | | <slot |
| | | name="dateCell" |
| | |
| | | // 当前显示的起始日期 |
| | | currentStartDate: this.startDate ? moment(this.startDate) : moment(), |
| | | // 选中的日期 |
| | | selectedDate: this.startDate ? moment(this.startDate) : moment() |
| | | selectedDate: null |
| | | } |
| | | }, |
| | | computed: { |
| | |
| | | text-align: center; |
| | | padding: 8px 0; |
| | | border-right: 1px solid #e8e8e8; |
| | | min-width: 0; |
| | | flex-basis: 100px; |
| | | box-sizing: border-box; |
| | | } |
| | | |
| | | .header-cell:last-child { |
| | |
| | | border-right: 1px solid #e8e8e8; |
| | | cursor: pointer; |
| | | padding: 4px; |
| | | min-width: 0; |
| | | flex-basis: 100px; |
| | | box-sizing: border-box; |
| | | } |
| | | |
| | | .day-cell:last-child { |
| | |
| | | background-color: #e6f7ff; |
| | | } |
| | | |
| | | .day-cell.first-day-highlight { |
| | | background-color: transparent !important; |
| | | border-left: none !important; |
| | | } |
| | | |
| | | .day-cell.selected { |
| | | background-color: #bae7ff; |
| | | } |