更新记录

1.0.0(2025-04-12) 下载此版本

初次版本


平台兼容性

Vue2 Vue3
App 快应用 微信小程序 支付宝小程序 百度小程序 字节小程序 QQ小程序
app-vue
钉钉小程序 快手小程序 飞书小程序 京东小程序 鸿蒙元服务
×
H5-Safari Android Browser 微信浏览器(Android) QQ浏览器(Android) Chrome IE Edge Firefox PC-Safari

插件名:zmt-send-code

主要完美支持PC浏览器端,APP和小程序没有测试,如需要请自行测试。 本人亲自测试编写的,自己用的没有任何问题直接返回验证过后的手机号码和验证状态(非常完美和神奇)。

使用方法:

直接导入到你的项目中,目录:uni_modules,无需引入,直接使用就行。代码如下:

<zmt-send-code @confirm="confirmUpdateMobile" :show="showMobile" @close="setClose"></zmt-send-code>

属性说明如下:

属性名 必填 默认值 说明
show false 是否显示弹窗,可选值:true

事件说明如下:

事件名 必填 返回值 说明
@confirm function 点击了确定修改以后的返回,格式:{mobile:'',success:true}
@close function 点击了关闭按钮以后触发,主要是同步父组件的关闭状态,也就是show的状态

特殊说明:

发送验证码功能需要自行编写,本插件中直接使用了已有的功能,采用云对象编写,对象名字:login,方法大致如下,仅供参考:

/**
     * 发送手机验证码
     * @param {string} tel 要发送的手机号码
     * @returns {sting} 发送的随机验证码
     */

     async sendSms(tel,code) {
        // 参数校验,如无参数则不需要
        if (!tel) {
            return {
                errCode: 'PARAM_IS_NULL',
                errMsg: '参数不能为空'
            }
        }

        // 业务逻辑
        const res = await uniCloud.sendSms({
              appid: '__UNI__8A62***',//开发中心的appid
              phone: tel,
              smsKey:'976dce0a3dadb0c58fa62dec****',//dcloud开发中心注册的smskey
              smsSecret:'ec734e60644e2fb7df6f****',//dcloud开发中心注册的smsSecret
              templateId: '18696', // 模版id,请替换为自己申请的模板id
              data: {
                code: code,
                expMinute: '3',
              }
            })
        // 返回结果
        return {
            code:200,
            message:'发送成功',
            result:res
        }
    }

隐私、权限声明

1. 本插件需要申请的系统权限列表:

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明:

插件不采集任何数据

3. 本插件是否包含广告,如包含需详细说明广告表达方式、展示频率:

许可协议

MIT协议

暂无用户评论。

使用中有什么不明白的地方,就向插件作者提问吧~ 我要提问