react-common-use-components
Version:
A React mobile commonly used component library
37 lines (36 loc) • 1.14 kB
TypeScript
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;