更新记录
1.0.0(2025-05-19) 下载此版本
初次上传
平台兼容性
Vue2 | Vue3 |
---|---|
√ | √ |
App | 快应用 | 微信小程序 | 支付宝小程序 | 百度小程序 | 字节小程序 | QQ小程序 |
---|---|---|---|---|---|---|
HBuilderX 3.1.0 app-vue | × | × | × | × | × | × |
钉钉小程序 | 快手小程序 | 飞书小程序 | 京东小程序 | 鸿蒙元服务 |
---|---|---|---|---|
× | × | × | × | × |
H5-Safari | Android Browser | 微信浏览器(Android) | QQ浏览器(Android) | Chrome | IE | Edge | Firefox | PC-Safari |
---|---|---|---|---|---|---|---|---|
× | × | × | × | × | × | × | × | × |
dshhy-sms
使用说明
可以直接下载示例代码,里面有完整的示例
-
pages.json 中配置 easycom
{ "easycom": { "^dshhy-(.*)": "dshhy-$1/components/dshhy-$1/dshhy-$1.vue" } }
-
页面中引用
// template <view> <dshhy-sms :param="{ style:1, //发送按钮的样式,多场景中可能需求不同,实际使用中可通过传入的 style 值确定使用样式,个性化需求请自己定义样式 type:'login', //发送短信的类型,在实际应用中后端会对发送短信进行类型区分,如:登录、注册、找回密码等,该类型就是提交给后端确定发什么类型的短信 store:'mobileLogin', //本地记录发送时间戳的存储键值,如 type 一样,不同类型的发送可存储为不同键值,每个倒计时读取各自的时间戳 mobile:'' //接收短信的手机号码,目前正则校验只允许国内手机,如有国际业务,请自行修改正则校验 }"></dshhy-sms> </view>
3. 注意事项
- 参见插件页面注释信息
# 字段说明
| 字段 | 释义 |
| ---- | ---- |
| param | 传入插件参数 |
| | style: 发送按钮的样式,多场景中可能需求不同,实际使用中可通过传入的 style 值确定使用样式,个性化需求请自己定义样式 |
| | type: 发送短信的类型,在实际应用中后端会对发送短信进行类型区分,如:登录、注册、找回密码等,该类型就是提交给后端确定发什么类型的短信 |
| | store: 本地记录发送时间戳的存储键值,如 type 一样,不同类型的发送可存储为不同键值,每个倒计时读取各自的时间戳 |
| | mobile: 接收短信的手机号码,目前正则校验只允许国内手机,如有国际业务,请自行修改正则校验 |
# 事件说明
| 字段 | 释义 |
| ---- | ---- |