UNPKG

react-common-use-components

Version:
37 lines (36 loc) 1.14 kB
import React, { CSSProperties, ReactNode } from 'react'; /** * 倒计时组件 * <CountDown onClick={() => { * //发送验证码逻辑代码 * setStartCount(true); //开启倒计时 * }} start={startCount}/> * * 参数: * onClick: 点击事件 * open: 是否开启倒计时,点击后触发倒计时 * defaultOpen: 默认是否开启倒计时,直接开始倒计时,默认false * initText: 初始文本 * startText: 开始倒计时文本 * endText: 倒计时结束文本 * textStyle: 文本样式 * containerStyle: 容器样式 * duration: 倒计时时间 默认60秒 * onChange: (count:number) => {} 倒计时变化时的回调函数 count:当前倒计时剩余时间 * * */ interface CountDownProps { children?: ReactNode; onClick?: () => void; style?: CSSProperties; className?: string; open?: boolean; initText?: string; startText?: string; endText?: string; duration?: number; onChange?: (count: number, status: number) => void; defaultOpen?: boolean; } declare const CountDown: (props: CountDownProps) => React.JSX.Element; export default CountDown;