wm-date-vue2ts-picker-ui
Version:
vue2,日历面板组件,支持单选、多选、连续选中等功能, 汉语、字符、拼音混合搜索组件
1 lines • 13.3 kB
CSS
.w-date-title[data-v-5d97bc6c]{height:50px;display:flex;justify-content:space-between;padding:0 10px 0 10px;border-bottom:1px solid #ddd;overflow:hidden}.w-date-title .w-date-year-month[data-v-5d97bc6c]{display:flex;justify-content:center;align-items:center;flex-direction:column}.w-date-title .w-date-year-month p[data-v-5d97bc6c]{font-size:16px;color:#5e7a88;text-align:center;line-height:22px;height:22px}.w-date-title .w-date-year-month span[data-v-5d97bc6c]{font-size:12px;color:#999}.w-date-title .w-date-year-month .w-date-month[data-v-5d97bc6c]{height:22px;overflow:hidden;position:relative}.w-date-title .w-date-year-month .w-date-month-international[data-v-5d97bc6c]{width:80px}.w-date-title .w-date-year-month .w-date-month-box[data-v-5d97bc6c]{transition:all .3s}.w-date-title .w-date-handle-btn[data-v-5d97bc6c]{display:flex;justify-content:space-between;align-items:center;margin-top:-5px}.w-date-title .w-date-handle-btn p[data-v-5d97bc6c]{font-size:16px;color:#777;cursor:pointer;white-space:nowrap;padding:0 6px}.w-date-title .w-date-handle-btn span[data-v-5d97bc6c]{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-5d97bc6c]:hover{box-shadow:0 0 3px #b9eaff}.w-date-week[data-v-d32b1c8c]{display:flex;justify-content:space-around;align-items:center;color:#555;height:45px}.w-date-week .w-date-item-red[data-v-d32b1c8c]{color:#f73131}.w-date-week .w-date-week-item[data-v-d32b1c8c]{flex:1;text-align:center}.w-date-item[data-v-1373993c]{display:flex;justify-content:space-around;flex-direction:column;align-items:center;padding:15px 0 6px;width:14.2857142857%;border-radius:5px;position:relative;font-size:18px;transition:all .15s}.w-date-item .w-date-tip-content[data-v-1373993c]{position:absolute;top:0;font-size:12px;display:flex;justify-content:space-between;width:100%;padding:0 2px;white-space:nowrap}.w-date-item .left-top[data-v-1373993c]{margin-left:1px}.w-date-item .right-top[data-v-1373993c]{margin-right:2px}.w-date-item .w-date-day[data-v-1373993c]{color:#333;margin:-2px 0}.w-date-item-isToday[data-v-1373993c]{box-shadow:0 0 2px #4cadd9}.close-btn[data-v-1373993c]{position:absolute;right:-8px;top:-8px;background-color:#f73131;display:flex;justify-content:center;align-items:center;color:#fff;height:17px;width:17px;border-radius:50%;z-index:9;transform:rotate(45deg);cursor:pointer}.w-date-item-disabled[data-v-1373993c],.w-date-no-current-month[data-v-1373993c]{opacity:.5}.w-date-china-red[data-v-1373993c],.w-date-item-red .w-date-day[data-v-1373993c]{color:#f73131}.w-date-single-select[data-v-1373993c]{background-color:#4cd964}.w-date-center-single-select[data-v-1373993c]{background-color:#a6ecb2}.w-date-start-select[data-v-1373993c]{background-color:#f8a920}.w-date-center-single-select .left-top[data-v-1373993c],.w-date-center-single-select .right-top[data-v-1373993c],.w-date-center-single-select .w-date-china[data-v-1373993c],.w-date-center-single-select .w-date-day[data-v-1373993c],.w-date-single-select .left-top[data-v-1373993c],.w-date-single-select .right-top[data-v-1373993c],.w-date-single-select .w-date-china[data-v-1373993c],.w-date-single-select .w-date-day[data-v-1373993c],.w-date-start-select .left-top[data-v-1373993c],.w-date-start-select .right-top[data-v-1373993c],.w-date-start-select .w-date-china[data-v-1373993c],.w-date-start-select .w-date-day[data-v-1373993c]{color:#fff}.w-date-item+.w-date-item[data-v-1373993c]{margin-left:2px}.w-date-china[data-v-1373993c]{font-size:12px}.w-date-china-hide[data-v-1373993c]{height:55px}body,html{height:100%;width:100%}article,aside,body,caption,details,div,dl,fieldset,h1,h2,h3,h4,h5,h6,header,hgroup,html,label,li,main,nav,ol,p,section,ul{margin:0;padding:0;box-sizing:border-box;font-family:arial}.w-date-container[data-v-4c52df7c]{min-width:330px;width:100%;border-radius:5px;padding:10px 13px}.w-date-container .w-date-item-list[data-v-4c52df7c]{display:flex;justify-content:space-around;align-items:center;color:#555}.w-date-container .w-date-item-list+.w-date-item-list[data-v-4c52df7c]{margin-top:2px}@font-face{font-family:iconfont;src:url(data:font/woff2;base64,d09GMgABAAAAAATIAAsAAAAACrQAAAR6AAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHFQGYACDRgqHeIceATYCJAMcCxAABCAFhGcHdBuICcgeCeXGyyxl1EvOBP/0+7Vzn68irtEkkxi6WYjkJUHcVEldk3iIfyg3vboEWk/lOXQOVEQIFaPJJVALNvEwjTwr6s+J+M/8Z88NwsX9bkCeeGQhdHSZ/I2+41sdWwCYb7UmnZrdA6UVeryAlN7ImngIA+5ZxDO4UIzKdOIxCMgzK5nzVnZhJfC/1Ns6QARX1ERB3F+XRkoPPOceXI1YJHuQHurQPXADc+v8AADu/K/XN1DGEwzeos6yO1kEuPIl+0udC+NgALCPwJ2AwM0N4AELTJ6YT9f1kVMuYWWSC/mykitLAJcSBgatVH+pcziYjekuSl1rKdM/PIPF4QmggLIU0bbP5nDbtJZA8IYRGHjTEVh4qyJw8FZN4OGtzspNZUVr+QB9tAyA/pGzqH0UaltSJxKGGPQQb6+2Ur32BT6UIHv4OQaBRBczL4gp2C0s2kXH+MoXWsRoX4oE3WuRHXt1j+oq0BUa2sWLRD0irMe+OI1odb3CfL+erzHbJWZBbGa6dT7aubWHD63EemYOJdV2I0j3isW94tregck+9d3MHC/CKrv4BbtYN2cLs8SEVs49VboLVO3VKNFWdvVxddrKEez6ayfBiE6f5CPoegcHZkJfePc/HDAvUrsYBEG2pxnccdLLoxIRH9Hn6RFiJTIuss8LplgN1LlQyleLd+MA2uQjlIZQqQgN9cug151QUZpf/Ir1VoezU50ivcy3LF0JTi4XET/GksbvP9nIIG+QpRwxaAi1mtAYfhF9NUGoDZpfuLpHZ6qhepdWqdTuqn6C6HXXKqt3PaG1OjzZSPb7T9LIjh1d5qQdKA/4gxVBDpc+L9Db1MOsl5THRsZH9LMcx15iqJ+7EI6V+0PHXFYx3IX+G+3iWGWMwBB7gTUp7/hIbmSrQKdRn2/fxGvFhTzzvqY99fV7mvZ9IPQwwqT9w/KU5pqyxG12lt3KjC1sKpMVS6UlsrLLxiktZmTjZXKWSAnpMk2ZyhPv2ci+uJDpNS4yzgvcULvbdedLAGRXXS67pACQXXEJO6X6tYsu113SfuybsfofxxoDNH89ff4A81690/5TKLvoOqAXgB+rVqz5aVvrhJRum4Xoysa3GgpFduZWficu8toPv+gG1HsznK1BbOHXbWuIEWORDgRLop/hOOPgKTAPgcQy5JmQdXSBBiYuyOWAYWcARK15MJR5AEut2wzHeQ2eZl8hUOsf5NmL3+kKDAfPsEC9DRJo8xHUiNMdpLHbfLrlkDrQprcUFTFosRoxjyqk8mw9B3ZASx97WA9SSpuNREkL3Y5mT68G29po1GShWyBukxpsNpNKJiPLPkSK0+0ggwWkZwMRUM2OQBnhaB1Il9qW/nnlIMoBbfQsQgYWsrCymuijFKTkAkaOpUM05okMtTqIomSjEglFzvrS2qGyu4WgNl2hoUzlG7WAcDZShg4lExUZUZFSi/TwtvYneRmQR/2SKCMrJ6+gqIQ/aKOt0N9CH+ggcAPEW0ljW5t3UleqbjAS1Wx0N216C24AAAAA) format("woff2"),url(data:font/woff;base64,d09GRgABAAAAAAZYAAsAAAAACrQAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADsAAABUIIslek9TLzIAAAFEAAAARAAAAGA8W0ksY21hcAAAAYgAAABzAAABxn+iuBdnbHlmAAAB/AAAAkgAAAP4cJUkKmhlYWQAAAREAAAALwAAADYjM8f3aGhlYQAABHQAAAAcAAAAJAfeA4hobXR4AAAEkAAAAA4AAAAcHAAAAGxvY2EAAASgAAAAEAAAABACxAO0bWF4cAAABLAAAAAfAAAAIAEUAFJuYW1lAAAE0AAAAUAAAAJnEKM8sHBvc3QAAAYQAAAASAAAAHRekD7/eJxjYGRgYOBiMGCwY2BycfMJYeDLSSzJY5BiYGGAAJA8MpsxJzM9kYEDxgPKsYBpDiBmg4gCACY7BUgAeJxjYGFhYJzAwMrAwNTJdIaBgaEfQjO+ZjBi5ACKMrAyM2AFAWmuKQwHnrk9i2Fu+N/AwMB8hwFIMjCiKGICAHUnDQJ4nO2R3Q2AIAyEr4DEGOMkjuCzIyAkDOCTY3cN7I9jWPKR66WE5ApgAhCFXUgAPSBo3eKS+RGL+QmH9LOcAPDJjfsYpoorK7KJzVSQt0l+yNJk/LXaXb8ua3aOJs3FsXQvRzfD1dHtcHN0a9wd5BcnRRzkAHiclZO/attQFMbv0bWlHNXUYCtyY0FdVCoTaC0j21JTx/+gGQqFBA8ZPJhkMHGylIxZasgkibxA50L3Lh0KbRr6An2GjiFToDgdIvdc1aZxcSEVF+4RnMP5vp8+MWD08I70mRmMIbhVy1QQLFPWcgiypjsegu641aL0BFTM5tVoHP1EI6uCEo1VegcEVPNZhBEsId3RFd0Zg+7oCo0MwlL0Q8zRGomxyRk/5S2msceMganICu3Rc7TF9WiHVbSysCynQTZtsOhUXb0AnuvcB4kdDQf1RqM+GF7Oiv6ESYmknJKTCRhh1sC9c9oIvDnXFRfRSXQNksTpcDgmvYAHFySTcdL0hZ/xNmlaZR3GkqaQURWCHCFNEyL5QqmWmYZiiSgVgGTqTgtcD1yLpO4P1huN9cH+5aw4Gva2K7VaZbv3bVa8QgPP9wgljmDqQgKmQntuMC54e24yLqIx4sUBAqE9Bs5jb5DA/JTzzFP5X5x1TUBWZNOqtoAMu05MWtfSsMhAU3zDICRyahjeqPkCudcfREDCQLT54Y1aRG2O98b/8OaeSCchF+ksgHI3Rp77nc7bMa+HIrKkhoLqBwTPwFD4wNtCH/miOwhEwgNfWPNP4nTTfzT5xL/yDntGnopNqMWa//ioOF4TSgT84V+GlzXRUuC60wT+8U3JWfP6u993+96aKA573RTeWUltvNzpbtrlsr3ZPe1u2eWKjSqX3pECSL196r84nA3Ek4/klXuYfFC2t6h7Orbz/LVDkZMS79VM/hfNJNe0eJxjYGRgYABi/zOPF8Tz23xl4GZhAIEHXI7/EPT/vSwMzI5ALgcDE0gUAD8oCq8AeJxjYGRgYG7438AQw8IAAkCSkQEVsAMARw0CcHicY2FgYGDBgQEB3AAdAAAAAAAAADYAgADqATgBpAH8eJxjYGRgYGBncGNgZgABJiDmAkIGhv9gPgMAECIBZwB4nIWRPW7CQBCFn8GQBJQoSqQ0aVYpKBLJ/JRIqVCgp6AHs+ZHttdaL0jUOU2OkBPkCOloc4pIedhDA0W82tlv3r6ZHckA7rCHh/K75y7ZwyWzkiu4wKNwlfqTsE9+Fq6hiZ5wnfqrcAMveBNusmPGDp5/xayFd2EPt/gQruAGn8JV6l/CPvlbuIYH/AjXqf8KNzDxroWbaHnhwOqp03M126lVaNLIpO54jvViE0/tqTzRNl+ZVHWDzlEa6VTbY5t8u+g5F6nImkQNeavj2KjMmrUOXbB0Luu325HoQWgSDGChMYVjnENhhh3jCiEMUkRFdGf5mO4FNohZaf91T+i2yKkfcoUuAnTOXCO60sJ5Ok2OLV/rUXV0K27LmoQ0lFrNSWKy4g883K2phNQDLIuqDH20uaITf1DMkPwB2JNvV3icY2BigAAuBuyAnZGJkZmRhZGVkY2RnZGDgTU5J784la8ovzQvJTkjNTk7LTMnhwvBhcqAFCHJgLhsxamJRckZDAwAcBwZGw==) format("woff"),url(data:font/ttf;base64,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) format("truetype")}.iconfont{font-family:iconfont;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-close:before{content:"\e646"}.icon-roundcheckfill:before{content:"\e656"}.icon-roundcheck:before{content:"\e657"}.icon-roundclosefill:before{content:"\e658"}.icon-roundclose:before{content:"\e659"}.icon-search:before{content:"\e65c"}.wm-search-container[data-v-095409fd]{margin:10px 0;display:flex;padding:3px 8px;border:1px solid #e5e5e5;align-items:center;border-radius:5px;transition:all .18s}.wm-search-container .wm-search-icon[data-v-095409fd]{margin-right:3px;color:#888}.wm-search-container .wm-clear-icon[data-v-095409fd]{margin-left:3px;color:#ccc;transition:all .18s;cursor:pointer}.wm-search-container .wm-clear-icon[data-v-095409fd]:hover{color:#888}.wm-search-container .wm-search-input-content[data-v-095409fd]{width:100%}.wm-search-container .wm-search-input[data-v-095409fd]{width:100%;height:28px;box-sizing:border-box;border:none}.wm-search-container .wm-search-input[data-v-095409fd]:focus,.wm-search-container .wm-search-input[data-v-095409fd]:hover{border:none;outline:none}.wm-search-container input[data-v-095409fd]::-webkit-input-placeholder{color:#999}.wm-search-container input[data-v-095409fd]:-moz-placeholder,.wm-search-container input[data-v-095409fd]::-moz-placeholder{color:#999}.wm-search-container input[data-v-095409fd]:-ms-input-placeholder{color:#999}.wm-search-container-focus[data-v-095409fd]{border-color:#409eff}