Skip to content

CountDown

xinwu-yang edited this page Mar 1, 2023 · 1 revision

CountDown 倒计时组件

倒计时组件,接受截止时间和格式化函数。

代码演示

<template>
	<count-down target="2022-12-31 23:59:59" :onEnd="handleEnd"></count-down>
</template>
<script>
  export default {
    methods: {
      handleEnd() {
        console.log('倒计时结束')
      }
    }
  }
</script>

api

props

属性 说明 类型 必填 默认值
format 格式化函数 Function
target 目标时间(截止时间) Date | Number | DateString ✔️
onEnd 结束时的回调函数 Function

更新日志

CHANGELOG

快速开始

3.0.x

开发技巧

配置文件介绍

皮肤自定义

页面布局

已有页面定制

字典缓存用法

自定义首页

下拉选项滚动错位的解决方法

表单输入默认去掉前后空格

组件库

普通组件

倒计时 CountDown

枚举选择器 CubeSelectEnum

地区联动选择 JAreaLinkage

分类字典选择 JCategorySelect

复选框 JCheckbox

代码编辑器 JCodeEditor

Cron编辑器 JCron

日期选择 JDate

字典选择 JDictSelectTag

字典选择(多选) JMultiSelectTag

字典选择(可搜索) JSearchSelectTag

可编辑表格 JEditableTable

富文本编辑器 JEditor

字符串截取 JEllipsis

文件上传弹窗 JFilePop

表单容器 JFormContainer

图片上传 JImageUpload

导入Modal JImportModal

输入框 JInput

弹窗输入框 JInputPop

Markdown编辑器 JMarkdownEidtor

Modal弹窗 JModal

表格弹窗选择 JPopup

部门选择器 JSelectDepart

部门用户选择器 JSelectUserByDep

用户选择器(多选) JSelectMultiUser

职务选择组件 JSelectPosition

角色选择组件 JSelectRole

高级查询组件 JSuperQuery

分类字典树形下拉选择器 JTreeDict

树形下拉选择组件(异步加载) JTreeSelect

异形树形表格组件 JTreeTable

上传组件 JUpload

JS组件

api/manage.js

mixins/JEditableTableMixin.js

mixins/JeecgListMixin.js

store/modules/app.js

store/modules/user.js

store/mutation-types.js

utils/filter.js

utils/validate.js

utils/hasPermission.js

utils/util.js

utils/vueBus.js

utils/packages/JDictSelectUtil.js

魔方Plugins

上传组件

目录结构

目录结构

Clone this wiki locally