vue-date-css

这是一个用于根据时间加载vue组件的小模块 (ps:赶时间临时写的~ o(￣▽￣)o)

核心功能为 根据时间加载组件 根据时间加载css

使用例子

main主函数内

 import vueDateCss from 'vue-date-css'
Vue.use(vueDateCss)

在vue中

     //css的url路径为绝对路径，放入public文件夹中
    <DateCss start="0:00" end="12:00" url="/1.css"></DateCss>
    
    <DateCompoent start="00:00" end="8:00">
      <a> 睡觉啦 </a>
    </DateCompoent>
    <DateCompoent start="9:00" end="12:00"> <a>上班啦</a> </DateCompoent>
    <DateCompoent start="12:00" end="2:00"> <a>干饭啦</a> </DateCompoent>
    <DateCompoent start="17:30" end="24:00"><a>下班啦</a> </DateCompoent>