china-calendar
Version:
#### 安装 ``` npm install ```
1 lines • 3.69 kB
CSS
.china-calendar{background-color:#fff}.china-calendar__header{font-weight:700;color:#fff;background-color:#339eff;line-height:30px;text-align:center;border-radius:4px 4px 0 0;font-size:14px}.china-calendar.showWeek .weekend{background-color:#ffe9fe}.china-calendar__body{border-radius:0 0 4px 4px;border:1px solid #e2e2e2}.china-calendar__body table{border-collapse:collapse}.china-calendar__body table th{padding:0 0;font-weight:400}.china-calendar__body table td{position:relative;max-width:100%}.china-calendar__body table td:hover .day-box{background-color:#99cfff}.china-calendar__body table td .day-box{display:flex;cursor:pointer;flex-direction:column;justify-content:center;box-sizing:border-box;height:100%;max-width:100%;font-size:14px}.china-calendar__body table td .day-box.highlighter{background-color:#eff8ea}.china-calendar__body table td .day-box.highlighter .info-date{color:#5db42f}.china-calendar__body table td .day-box.select{background-color:#99cfff;color:#339eff}.china-calendar__body table td .day-box.select .info-date{color:#339eff}.china-calendar__body table td .day-box.disabled{cursor:not-allowed;background-color:#e5e5e5;color:#999}.china-calendar__body table td .day-box.other-month-day{opacity:.5}.china-calendar__body table td .day-box.other-month-day-hidden{display:none}.china-calendar__body table td .day-box.other-month-day-hidden:hover{cursor:default}.china-calendar__body table td .day-box.today{color:#fff;background-color:#f25757;border-radius:50%}.china-calendar__body table td .info-badge{position:absolute;text-align:center;box-sizing:content-box;width:16px;height:16px;line-height:16px;font-size:10px;transform:scale(.6);top:0;left:0;border-radius:50%;color:#fff;background-color:#f68300}.china-calendar__body table td .info-date{text-align:center;font-size:11px;font-weight:700}.china-calendar__body table td .info-festival{margin-top:3px}.china-calendar__body table td .info-festival,.china-calendar__body table td .info-lunar{font-size:12px;text-align:center;transform:scale(.5);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.china-calendar__body table td .info-lunar{bottom:10px;right:10px}.china-calendar__body table td .info-term{position:absolute;bottom:10px;font-size:12px;right:10px;transform:scale(.5);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.monthTitle[data-v-7e48cfb8]{font-weight:700;color:#fff;background:#339eff;line-height:30px;text-align:center;border-radius:4px 4px 0 0;font-size:14px}.calendar-body[data-v-7e48cfb8]{border-radius:0 0 4px 4px;border:1px solid #e2e2e2}.china-calendar__tool[data-v-7fc0960e]{position:relative}.year-title[data-v-7fc0960e]{position:relative;width:100%;text-align:center;font-size:18px;line-height:18px;font-weight:700;display:flex;justify-content:center;align-items:center}.holiday_calendar__wrap[data-v-7fc0960e]{display:flex;align-items:center;justify-content:space-around;flex-wrap:wrap}.el-button--text[data-v-7fc0960e]{color:#e2e2e2;font-size:16px;min-width:68px}.el-button--text[data-v-7fc0960e]:hover{color:#339eff}.tool_mode__wrap[data-v-7fc0960e]{position:absolute;right:10px;top:2px}.tool_mode__wrap .month-table-content[data-v-7fc0960e]{border:1px solid #339eff}.tool_mode__wrap .month-table-content .current-month[data-v-7fc0960e]{color:#339eff}.tool_mode__wrap .month-table-content .month-change[data-v-7fc0960e]{display:flex;justify-content:space-between;align-items:flex-end;font-size:12px;color:#999}.tool_mode__wrap .month-table-content .month-change div[data-v-7fc0960e]{padding:5px 15px}.tool_mode__wrap .month-table-content .month-change div[data-v-7fc0960e]:hover{cursor:pointer;color:#339eff}