## Cron表达式生成器

#### 使用vue3以及原生html

### 组件使用说明

1. 安装
   > npm install dui-vue-cron-v0
2. 使用方法
   (1) 按需引用
   ```
   <template>
      <div style="width: 50%; margin: 0 auto">
         <DuiCron />
      </div>
   </template>
   <script>
      import { DuiCron } from 'dui-vue-cron'
      import 'dui-vue-cron/cron.css'
   <script> 
   ```
   (2) 全局引用
   main.ts文件
   ```
   import { createApp } from 'vue'
   import App from './App.vue'
   import Dui from 'dui-vue-cron'
   import 'dui-vue-cron/cron.css'

   createApp(App).use(Dui).mount('#app')
   ```
   组件内使用
   ```
   <template>
      <div style="width: 50%; margin: 0 auto">
         <DuiCron />
      </div>
   </template>
   ```
3. props说明
   <table>
    <thead>
      <tr>
         <th>属性名</th>
         <th>说明</th>
         <th>类型</th>
         <th>默认值</th>
        </tr>
    </thead>
    <tbody>
      <tr>
         <td >v-model</td>
         <td>值</td>
         <td>String</td>
         <td>-</td>
      </tr>
      <tr>
         <td >themeColor</td>
         <td>主题色</td>
         <td>String</td>
         <td>#1890ff</td>
      </tr>
      <tr>
         <td>showConfigure</td>
         <td>是否显示配置项</td>
         <td>Boolean</td>
         <td>true</td>
        </tr>
      <tr>
         <td>showAnalysis</td>
         <td>是否显示解析项</td>
         <td>Boolean</td>
         <td>true</td>
        </tr>
      <tr>
         <td>showResult</td>
         <td>是否显示结果</td>
         <td>Boolean</td>
         <td>true</td>
        </tr>
    </tbody>
    <tfoot>
        <tr>
         <th>备注信息</th>
         <th colspan="4">-</th>
        </tr>
    </tfoot>

</table>