This package has been deprecated

Author message:

请使用@yidun/swan-ne-captcha

swan-ne-captcha

1.0.0 • Public • Published

易盾验证码用户使用文档--百度小程序第三方组件

属性

可配项 类型 默认值 描述
captchaId String 验证码ID
lang String 'zh-CN' 语言
width String 'auto' 验证码弹框宽度,接受单位'rpx'/'px'/'rem'/'%'
captchaType String 配置验证码类型
customStyles Object null 自定义验证码样式,包含imagePanel/controlBar/gap/popTitle/popPadding,详情查看下面

**注意:**小程序的超时设置可在app.json全局配置

customStyles

  • imagePanel
    • borderRadius(String): imagePanel的圆角大小
  • controlBar
    • borderRadius(String): controlBar的圆角大小
    • height(String): controlBar的高度
  • gap: imagePanel和controlBar的间隔
  • popTitle
    • height(String): 弹框头部高度
  • popPadding(String): 弹框体内边距

事件

事件名 参数 描述
error 验证码配置失败
init 验证码配置成功(初始化)
ready 验证码准备就绪
verify err,validate 验证码验证完成
close 验证码弹框准备关闭

组件方法

popup: 展示验证码 reset: 重置验证码,获取新的验证信息 getCaptchaType: 获取验证码类型

组件接入方式

  1. 引用声明组件,在页面或组件的json文件中声明
{
  "usingComponents": {
    "ne-captcha": "path-to-component/ne-captcha/index"
  }
}
  1. 使用组件 **注意:**compid为必填项,为组件id,设为字符串即可
<view>
  <ne-captcha
    compid="neCaptcha"
    id="neCaptcha"
    captcha-id="yourCaptchaID"
    width="320rpx"
    onerror="handleConfigErr"
    visible="{{visible}}"></ne-captcha>
  <view>
    <button bindtap="openCaptcha">点击验证</button>
  </view>
</view>
Page({
  handleConfigErr (ev) {
    // do something with error
  },
  openCaptcha () {
    this.selectComponent('#neCaptcha').popup()
  }
})

域名

  1. 服务器域名:c.dun.163yun.com、c.dun.163.com
  2. 图片域名:necaptcha.nosdn.127.net、nos.netease.com

Readme

Keywords

none

Package Sidebar

Install

npm i swan-ne-captcha

Weekly Downloads

2

Version

1.0.0

License

MIT

Unpacked Size

242 kB

Total Files

30

Last publish

Collaborators

  • yidunfe