更新记录
1(2025-03-26) 下载此版本
首发
平台兼容性
Vue2 | Vue3 |
---|---|
√ | √ |
App | 快应用 | 微信小程序 | 支付宝小程序 | 百度小程序 | 字节小程序 | QQ小程序 |
---|---|---|---|---|---|---|
HBuilderX 3.95 app-vue app-nvue | √ | √ | √ | √ | √ | √ |
钉钉小程序 | 快手小程序 | 飞书小程序 | 京东小程序 | 鸿蒙元服务 |
---|---|---|---|---|
√ | √ | √ | √ | √ |
H5-Safari | Android Browser | 微信浏览器(Android) | QQ浏览器(Android) | Chrome | IE | Edge | Firefox | PC-Safari |
---|---|---|---|---|---|---|---|---|
√ | √ | √ | √ | √ | √ | √ | √ | √ |
为减小组件包的大小,默认组件包中不包含编辑、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 | 重置发送按钮状态 |