@mijadesign/mjui-react-taro/dist/esm/CalendarCard/style/style.css

京东风格的轻量级移动端 React 组件库，支持一套代码生成 H5 和小程序

.nut-calendarcard{background:var(--nutui-color-background-overlay, var(--nutui-color-white, #ffffff));border-radius:12px;overflow:hidden;font-size:var(--nutui-calendar-base-font-size, var(--nutui-font-size-3, 17px));color:var(--nutui-color-title, #0d0d0d)}.nut-calendarcard-header{display:flex;flex-direction:row;align-items:center;justify-content:space-between;font-weight:400}.nut-calendarcard-header-left,.nut-calendarcard-header-right{display:flex;flex-direction:row;cursor:pointer;margin:16px;line-height:1}.nut-calendarcard-header-left .left,.nut-calendarcard-header-right .left{margin-left:8px}.nut-calendarcard-header-left .right,.nut-calendarcard-header-right .right{margin-right:8px}.nut-calendarcard-days{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center}.nut-calendarcard-day{display:flex;align-items:center;justify-content:center;flex-direction:column;position:relative;width:var(--nutui-calendar-day-width, 14.28%);height:48px;cursor:pointer;margin-bottom:4px;text-align:center}.nut-calendarcard-day.header{cursor:auto}.nut-calendarcard-day-top,.nut-calendarcard-day-bottom{display:flex;align-items:center;justify-content:center;width:100%;height:12px;font-size:12px;line-height:12px}.nut-calendarcard-day.weekend{color:var(--nutui-calendar-choose-color, var(--nutui-color-primary, #006dfc))}.nut-calendarcard-day.active{background-color:var(--nutui-calendar-active-background-color, var(--nutui-color-primary, #006dfc));border-radius:var(--nutui-calendar-day-active-border-radius, 4px)}.nut-calendarcard-day.active .nut-calendarcard-day-top,.nut-calendarcard-day.active .nut-calendarcard-day-inner,.nut-calendarcard-day.active .nut-calendarcard-day-bottom{color:#fff}.nut-calendarcard-day.start,.nut-calendarcard-day.end{background-color:var(--nutui-calendar-active-background-color, var(--nutui-color-primary, #006dfc))}.nut-calendarcard-day.start .nut-calendarcard-day-top,.nut-calendarcard-day.start .nut-calendarcard-day-inner,.nut-calendarcard-day.start .nut-calendarcard-day-bottom,.nut-calendarcard-day.end .nut-calendarcard-day-top,.nut-calendarcard-day.end .nut-calendarcard-day-inner,.nut-calendarcard-day.end .nut-calendarcard-day-bottom{color:#fff}.nut-calendarcard-day.start{border-top-left-radius:var(--nutui-calendar-day-active-border-radius, 4px);border-bottom-left-radius:var(--nutui-calendar-day-active-border-radius, 4px)}.nut-calendarcard-day.end{border-top-right-radius:var(--nutui-calendar-day-active-border-radius, 4px);border-bottom-right-radius:var(--nutui-calendar-day-active-border-radius, 4px)}.nut-calendarcard-day.mid{background-color:var(--nutui-calendar-choose-background-color, var(--nutui-color-primary-light-pressed, var(--nutui-color-primary-background, #e6f0ff)))}.nut-calendarcard-day.mid .nut-calendarcard-day-top,.nut-calendarcard-day.mid .nut-calendarcard-day-inner,.nut-calendarcard-day.mid .nut-calendarcard-day-bottom{color:var(--nutui-calendar-choose-color, var(--nutui-color-primary, #006dfc))}.nut-calendarcard-day .nut-calendar-day-info{color:#fff}.nut-calendarcard-day.prev,.nut-calendarcard-day.next,.nut-calendarcard-day.disabled{cursor:not-allowed}.nut-calendarcard-day.prev .nut-calendarcard-day-top,.nut-calendarcard-day.prev .nut-calendarcard-day-inner,.nut-calendarcard-day.prev .nut-calendarcard-day-bottom,.nut-calendarcard-day.next .nut-calendarcard-day-top,.nut-calendarcard-day.next .nut-calendarcard-day-inner,.nut-calendarcard-day.next .nut-calendarcard-day-bottom,.nut-calendarcard-day.disabled .nut-calendarcard-day-top,.nut-calendarcard-day.disabled .nut-calendarcard-day-inner,.nut-calendarcard-day.disabled .nut-calendarcard-day-bottom{color:var(--nutui-calendar-disable-color, var(--nutui-color-text-disabled, #999999))}[dir=rtl] .nut-calendarcard-header-left .left,[dir=rtl] .nut-calendarcard-header-right .left,.nut-rtl .nut-calendarcard-header-left .left,.nut-rtl .nut-calendarcard-header-right .left{margin-left:0;margin-right:8px}[dir=rtl] .nut-calendarcard-header-left .right,[dir=rtl] .nut-calendarcard-header-right .right,.nut-rtl .nut-calendarcard-header-left .right,.nut-rtl .nut-calendarcard-header-right .right{margin-right:0;margin-left:8px}[dir=rtl] .nut-calendarcard-header-left .nut-icon-ArrowLeft,[dir=rtl] .nut-calendarcard-header-left .nut-icon-ArrowRight,[dir=rtl] .nut-calendarcard-header-left svg,[dir=rtl] .nut-calendarcard-header-right .nut-icon-ArrowLeft,[dir=rtl] .nut-calendarcard-header-right .nut-icon-ArrowRight,[dir=rtl] .nut-calendarcard-header-right svg,.nut-rtl .nut-calendarcard-header-left .nut-icon-ArrowLeft,.nut-rtl .nut-calendarcard-header-left .nut-icon-ArrowRight,.nut-rtl .nut-calendarcard-header-left svg,.nut-rtl .nut-calendarcard-header-right .nut-icon-ArrowLeft,.nut-rtl .nut-calendarcard-header-right .nut-icon-ArrowRight,.nut-rtl .nut-calendarcard-header-right svg{transform:rotate(180deg)}[dir=rtl] .nut-calendarcard-day.start,[dir=rtl] .nut-calendarcard-day.end,.nut-rtl .nut-calendarcard-day.start,.nut-rtl .nut-calendarcard-day.end{border-radius:0}[dir=rtl] .nut-calendarcard-day.start,.nut-rtl .nut-calendarcard-day.start{border-top-right-radius:var(--nutui-calendar-day-active-border-radius, 4px);border-bottom-right-radius:var(--nutui-calendar-day-active-border-radius, 4px)}[dir=rtl] .nut-calendarcard-day.end,.nut-rtl .nut-calendarcard-day.end{border-top-left-radius:var(--nutui-calendar-day-active-border-radius, 4px);border-bottom-left-radius:var(--nutui-calendar-day-active-border-radius, 4px)}