UNPKG

wm-date-picker-ui

Version:

日历面板组件,支持单选、多选、连续选中等功能

1 lines 6.24 kB
body[data-v-333a9dac],html[data-v-333a9dac]{height:100%;width:100%}article[data-v-333a9dac],aside[data-v-333a9dac],body[data-v-333a9dac],caption[data-v-333a9dac],details[data-v-333a9dac],div[data-v-333a9dac],dl[data-v-333a9dac],fieldset[data-v-333a9dac],h1[data-v-333a9dac],h2[data-v-333a9dac],h3[data-v-333a9dac],h4[data-v-333a9dac],h5[data-v-333a9dac],h6[data-v-333a9dac],header[data-v-333a9dac],hgroup[data-v-333a9dac],html[data-v-333a9dac],label[data-v-333a9dac],li[data-v-333a9dac],main[data-v-333a9dac],nav[data-v-333a9dac],ol[data-v-333a9dac],p[data-v-333a9dac],section[data-v-333a9dac],ul[data-v-333a9dac]{margin:0;padding:0;box-sizing:border-box}.w-date-title[data-v-333a9dac]{height:50px;display:flex;justify-content:space-between;padding:0 10px 0 20px;border-bottom:1px solid #ddd;overflow:hidden}.w-date-title .w-date-year-month[data-v-333a9dac]{display:flex;justify-content:center;align-items:center;flex-direction:column}.w-date-title .w-date-year-month p[data-v-333a9dac]{font-size:16px;color:#5e7a88;text-align:center;line-height:22px}.w-date-title .w-date-year-month span[data-v-333a9dac]{font-size:12px;color:#999}.w-date-title .w-date-year-month .w-date-month[data-v-333a9dac]{height:22px;overflow:hidden;position:relative;width:55px}.w-date-title .w-date-year-month .w-date-month-box[data-v-333a9dac]{position:absolute;width:100%;transition:all .3s}.w-date-title .w-date-handle-btn[data-v-333a9dac]{display:flex;justify-content:space-between;align-items:center;width:100px;margin-top:-5px}.w-date-title .w-date-handle-btn p[data-v-333a9dac]{font-size:16px;color:#777;cursor:pointer}.w-date-title .w-date-handle-btn span[data-v-333a9dac]{display:flex;align-items:center;cursor:pointer;padding:8px 0;border-radius:5px;transition:all .2s}.w-date-title .w-date-handle-btn span[data-v-333a9dac]:hover{box-shadow:0 0 3px #b9eaff}body[data-v-85de3944],html[data-v-85de3944]{height:100%;width:100%}article[data-v-85de3944],aside[data-v-85de3944],body[data-v-85de3944],caption[data-v-85de3944],details[data-v-85de3944],div[data-v-85de3944],dl[data-v-85de3944],fieldset[data-v-85de3944],h1[data-v-85de3944],h2[data-v-85de3944],h3[data-v-85de3944],h4[data-v-85de3944],h5[data-v-85de3944],h6[data-v-85de3944],header[data-v-85de3944],hgroup[data-v-85de3944],html[data-v-85de3944],label[data-v-85de3944],li[data-v-85de3944],main[data-v-85de3944],nav[data-v-85de3944],ol[data-v-85de3944],p[data-v-85de3944],section[data-v-85de3944],ul[data-v-85de3944]{margin:0;padding:0;box-sizing:border-box}.w-date-week-list[data-v-85de3944]{display:flex;justify-content:space-around;align-items:center;color:#666;height:45px}.w-date-week-list div[data-v-85de3944]:nth-child(n+6){color:red}body[data-v-2b901342],html[data-v-2b901342]{height:100%;width:100%}article[data-v-2b901342],aside[data-v-2b901342],body[data-v-2b901342],caption[data-v-2b901342],details[data-v-2b901342],div[data-v-2b901342],dl[data-v-2b901342],fieldset[data-v-2b901342],h1[data-v-2b901342],h2[data-v-2b901342],h3[data-v-2b901342],h4[data-v-2b901342],h5[data-v-2b901342],h6[data-v-2b901342],header[data-v-2b901342],hgroup[data-v-2b901342],html[data-v-2b901342],label[data-v-2b901342],li[data-v-2b901342],main[data-v-2b901342],nav[data-v-2b901342],ol[data-v-2b901342],p[data-v-2b901342],section[data-v-2b901342],ul[data-v-2b901342]{margin:0;padding:0;box-sizing:border-box}.w-date-day-content[data-v-2b901342]{height:56px;width:100%;margin:1px 0;position:relative}.w-date-cell-day[data-v-2b901342]{display:flex;justify-content:center;height:100%;flex-direction:column;align-items:center;margin:0 1px;border-radius:5px;padding-top:5px;transition:all .2s}.w-date-close-tip[data-v-2b901342]{position:absolute;top:-5px;right:-5px;display:none;background:red;height:16px;width:16px;font-size:16px;border-radius:50%;line-height:14px;text-align:center;color:#fff;transform:rotate(-45deg);z-index:99;margin:0;cursor:pointer}.w-date-tip-content[data-v-2b901342]{position:absolute;top:1px;z-index:9;margin:0;font-size:12px;width:100%;padding-left:5px;padding-right:10px;display:flex;justify-content:space-between}.w-date-left-tip[data-v-2b901342]{margin:0;transform:scale(.95);white-space:nowrap}.w-date-right-tip[data-v-2b901342]{transform:scale(.95);margin:0}.w-date-cell-day-hover[data-v-2b901342]{cursor:pointer}.w-date-cell-day-hover[data-v-2b901342]:hover{background-color:#f2f8fe}.w-date-select-color .w-date-cell-day[data-v-2b901342]{color:#fff}.w-date-select-color .w-date-left-tip[data-v-2b901342],.w-date-select-color .w-date-lunar[data-v-2b901342],.w-date-select-color .w-date-right-tip[data-v-2b901342]{color:#f5f5f5}.w-date-selected .w-date-close-tip[data-v-2b901342]{display:block}.w-date-selected .w-date-cell-day[data-v-2b901342]{background-color:#4cd964}.w-date-middle-selected .w-date-cell-day[data-v-2b901342]{background-color:#a6ecb2!important}.w-date-start-style .w-date-cell-day[data-v-2b901342]{background-color:#f8a920!important}.w-date-start-style .w-date-close-tip[data-v-2b901342]{display:block}.w-date-lunar[data-v-2b901342]{font-size:12px;color:#8b8b8b}.w-date-red-color[data-v-2b901342]{color:red}.w-date-is-not-month[data-v-2b901342]{opacity:.4}.w-date-is-today[data-v-2b901342]{background-color:#f2f8fe;border:1px solid #eee}body[data-v-d574e968],html[data-v-d574e968]{height:100%;width:100%}article[data-v-d574e968],aside[data-v-d574e968],body[data-v-d574e968],caption[data-v-d574e968],details[data-v-d574e968],div[data-v-d574e968],dl[data-v-d574e968],fieldset[data-v-d574e968],h1[data-v-d574e968],h2[data-v-d574e968],h3[data-v-d574e968],h4[data-v-d574e968],h5[data-v-d574e968],h6[data-v-d574e968],header[data-v-d574e968],hgroup[data-v-d574e968],html[data-v-d574e968],label[data-v-d574e968],li[data-v-d574e968],main[data-v-d574e968],nav[data-v-d574e968],ol[data-v-d574e968],p[data-v-d574e968],section[data-v-d574e968],ul[data-v-d574e968]{margin:0;padding:0;box-sizing:border-box}.w-date-picker[data-v-d574e968]{max-width:500px;width:100%;margin:0 auto;padding:15px 15px 10px;border-radius:16px;border:2px solid #4e6ef2;box-sizing:border-box;font-size:15px}.w-date-picker .w-date-day-list[data-v-d574e968]{display:flex;justify-content:space-around;align-items:center;color:#000}.w-date-picker .w-date-day-list div[data-v-d574e968]:nth-child(n+6){color:red}