更新记录

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 方式

    1. 点击右上角的 使用 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);
        }
      }
      }
    2. 需要更新版本时在 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 重置发送按钮状态

隐私、权限声明

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

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

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

许可协议

MIT协议

暂无用户评论。

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