admin 管理员组文章数量: 1086019
2024年1月14日发(作者：浮动广告的优点)
972811121314
height: 30px;line-height: 30px;color: #515a6e;cursor: pointer;}.topbar span:hover {color: #2d8cf0;}.topbar .year,.topbar .month {width: 60px;}.year-list {height: 200px;width: 210px;}.year-list .selected {background: #2d8cf0;border-radius: 4px;color: #fff;}.year-list li {display: inline-block;width: 70px;height: 50px;line-height: 50px;border-radius: 10px;cursor: pointer;}.year-list span {display: inline-block;line-height: 16px;padding: 8px;}
.year-list span:hover {background: #e1f0fe;}.weekday {display: inline-block;font-size: 13px;width: 30px;color: #c5c8ce;text-align: center;}.date-picker {width: 210px;text-align: center;font-family: "Avenir", Helvetica, Arial, sans-serif;}.date-panel {width: 210px;box-shadow: 0 0 8px #ccc;background: #fff;}ul {list-style: none;padding: 0;margin: 0;}.date-list {width: 210px;text-align: left;height: 180px;overflow: hidden;margin-top: 4px;}.date-list li {display: inline-block;
width: 28px;height: 28px;line-height: 30px;text-align: center;cursor: pointer;color: #000;border: 1px solid #fff;border-radius: 4px;}.date-list .selected {border: 1px solid #2d8cf0;}.date-list .invalid {background: #2d8cf0;color: #fff;}.date-list .preMonth,.date-list .nextMonth {color: #c5c8ce;}.date-list li:hover {background: #e1f0fe;}input {display: inline-block;box-sizing: border-box;width: 100%;height: 32px;line-height: 1.5;padding: 4px 7px;font-size: 12px;border: 1px solid #dcdee2;border-radius: 4px;color: #515a6e;
background-color: #fff;background-image: none;position: relative;cursor: text;transition: border 0.2s ease-in-out, background 0.2s ease-in-out,box-shadow 0.2s ease-in-out;margin-bottom: 6px;}.fadeDownBig-enter-active,.fadeDownBig-leave-active,.fadeInDownBig {-webkit-animation-duration: 0.5s;animation-duration: 0.5s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}.fadeDownBig-enter-active {-webkit-animation-name: fadeInDownBig;animation-name: fadeInDownBig;}.fadeDownBig-leave-active {-webkit-animation-name: fadeOutDownBig;animation-name: fadeOutDownBig;}@-webkit-keyframes fadeInDownBig {from {opacity: 0.8;-webkit-transform: translate3d(0, -4px, 0);transform: translate3d(0, -4px, 0);}to {opacity: 1;-webkit-transform: none;transform: none;
}}@keyframes fadeInDownBig {from {opacity: 0.8;-webkit-transform: translate3d(0, -4px, 0);transform: translate3d(0, -4px, 0);}to {opacity: 1;-webkit-transform: none;transform: none;}}@-webkit-keyframes fadeOutDownBig {from {opacity: 1;}to {opacity: 0.8;-webkit-transform: translate3d(0, -4px, 0);transform: translate3d(0, -4px, 0);}}@keyframes fadeOutDownBig {from {opacity: 1;}to {opacity: 0;}}
版权声明：本文标题：vue日期面板_vue手写一个时间选择器 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://www.roclinux.cn/b/1705207799a476956.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。
发表评论