qyl

Vue date css

vue time change component

Version Version: 0.0.1 Version Updated: 05/23/2022 By: qyl License: ISC

DownloadsLast30Days: 8

npm i vue-date-css
yarn add 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>

Contributors


Dependencies


DevDependencies


Categories: CSSUtilities
Tags:

Copyright © 2020 vuejscomponent.com