vue3-cron-antv

基于vue-cron-generator修改而来的Cron表达式生成器

安装

1# 安装ant-design-vue
2npm install ant-design-vue@next
3
4# 安装vue3-cron-antv
5npm install vue3-cron-antv
6

使用(例子代码)

main.ts

1import { createApp } from 'vue'
2import App from './App.vue'
3import 'ant-design-vue/dist/antd.css'
4import  Vue3Cron  from 'vue3-cron-antv'
5import 'vue3-cron-antv/dist/index.css'
6
7createApp(App).use(Vue3Cron).mount('#app')
8

Vue文件

1<script setup lang="ts">
2import { ref } from 'vue';
3let cronstr=ref('3-7 0 12 * * ? *')
4
5</script>
6
7<template>
8  <vue-cron v-model:value="cronstr"/>
9</template>
10
11<style>
12#app {
13  font-family: Avenir, Helvetica, Arial, sans-serif;
14  -webkit-font-smoothing: antialiased;
15  -moz-osx-font-smoothing: grayscale;
16  text-align: center;
17  color: #2c3e50;
18  margin-top: 60px;
19}
20
21</style>
22