介绍

本文档主要用于描述 ShadcnCron 组件的特性和用法。

基于 vue3-vCrontab 修改

用法

查看代码

<template>
    <ShadcnCron v-model="value" />
</template>

液态玻璃效果 (glass)

查看代码

<template>
    <div :class="['p-6 rounded-lg', isDark ? 'bg-gradient-to-r from-blue-900 to-indigo-900' : 'bg-gradient-to-r from-blue-400 to-indigo-400']">
        <ShadcnCron v-model="cronValue" glass :dark="isDark" />
    </div>
</template>

<script setup lang="ts">
import { ref } from 'vue'

const isDark = ref(false)
const cronValue = ref('0 0 12 * * ?')
</script>

计划任务 (Cron) 属性