更新记录
1(2025-03-26) 下载此版本
首发
平台兼容性
uni-app
| Vue2 | Vue3 | Chrome | Safari | app-vue | app-nvue | Android | iOS | 鸿蒙 |
|---|---|---|---|---|---|---|---|---|
| √ | √ | √ | √ | √ | √ | - | - | - |
| 微信小程序 | 支付宝小程序 | 抖音小程序 | 百度小程序 | 快手小程序 | 京东小程序 | 鸿蒙元服务 | QQ小程序 | 飞书小程序 | 快应用-华为 | 快应用-联盟 |
|---|---|---|---|---|---|---|---|---|---|---|
| √ | √ | √ | √ | √ | √ | √ | √ | √ | √ | √ |
其他
| 多语言 | 暗黑模式 | 宽屏模式 |
|---|---|---|
| × | × | √ |
为减小组件包的大小,默认组件包中不包含编辑、latex 公式等扩展功能,需要使用扩展功能的请参考下方的 插件扩展 栏的说明
功能介绍
- 全端支持(含
v3、NVUE)
使用方法
-
uni_modules方式-
点击右上角的
使用 HBuilder X 导入插件按钮直接导入项目或点击下载插件 ZIP按钮下载插件包并解压到项目的uni_modules/ll-sendbutton目录下<!-- 不需要引入,可直接使用 --> <ll-sendbutton ref="sendBtn" @clickSend="onClickSend" text-color="#888" text-color-disable="#CBCBCB" :max-time="60"></ll-sendbutton>export default { data() { return { } }, methods: { onClickSend() { //这里可以处理图形验证码、滑块验证。。。 this.submitSendSMS() }, submitSendSMS() { //准备发送短信,防止多次点击,重复发送短信 this.$refs.sendBtn.prepare() //模拟请求发送短信 setTimeout(() => { //发送成功,开始倒计时 this.$refs.sendBtn.start() //发送失败,重置发送按钮状态 //this.$refs.sendBtn.reset() }, 500); } } } - 需要更新版本时在
HBuilder X中右键uni_modules/ll-sendbutton目录选择从插件市场更新即可
-
组件属性
| 属性 | 类型 | 默认值 | 说明 |
|---|---|---|---|
| text-color | String | #000 | 可点击时字体颜色 |
| text-color-disable | String | #95969A | 不可点击时字体颜色 |
| max-time | Number | 60 | 倒计时最大时长,单位秒 |
组件事件
| 名称 | 触发时机 |
|---|---|
| clickSend | 发送验证码码时 |
api
组件实例上提供了一些 api 方法可供调用
| 名称 | 作用 |
|---|---|
| prepare | 准备发送短信,防止多次点击,重复发送短信 |
| start | 开始倒计时 |
| reset | 重置发送按钮状态 |

收藏人数:
下载插件并导入HBuilderX
赞赏(0)
下载 19
赞赏 0
下载 11786142
赞赏 1818
赞赏
京公网安备:11010802035340号