更新记录

1.0.1（2024-12-01） 下载此版本

1.修复文档和信息错误

1.0.0（2024-11-30） 下载此版本

1.提供灵活的倒计时显示，场景获取验证码后倒计时

平台兼容性

uni-app

其他

1.技术栈：

vue3 js

2.使用说明

（1）入参说明

（2）返回参数说明

3.示例

// 引入，以文件实际所在目录为准，这里作为示例
import useRnlCountDown from '@/hooks/count-down'
// 初始化
const rnlCountDownState = useRnlCountDown({
        startText: '获取验证码',
        endText: '重新获取',
        time: 60,
        done() {
        },
        format(val) {
            return `${val}s`
        }
    })
// 调用start方法开始计时，其他代码忽略
const start = () => {
        if (!state.email || !/[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$/.test(state.email)) {
            uni.$showMsg('请输入正确的邮箱')
            return
        }
        getCapEmailCode().then(res => {
            if (res.code == 200) {
                rnlCountDownState.start() ------------------------调用start方法
            }
        })
    }
// 使用数据
// 可以直接放到页面使用，也可放到计算属性二次处理
<button size="small" type="success" @click="start">{{rnlCountDownState.value}}</button>