input-frame

Screenshots

Install

npm install weapp-input-frame

Usage

*.json

"usingComponents": {
  "input-frame": "miniprogram_npm/weapp-input-frame/index"
}

*.wxml

<input-frame />

API

• value 输入框默认值
• plaintext 是否明文显示, 默认 false
• focus 是否获取焦点, 默认 false
• bind:change 输入发生变化触发
• bind:finished 输入完成时触发
• space 输入框的格子数量，一般 4 - 6， 默认 6
• frameStyle 输入框的风格， divider / '' , 默认 ''
• custom-class 自定义组件class

<input-frame
  value="123456"

  plaintext

  focus="{{ true }}"

  bind:change="onChange"

  bind:finished="onFinished"
/>

Methods

• getValue 获取输入框值

wxml

<input-frame id="input-frame />

js

Page({
  onLoad() {
    const el = this.selectComponent('#input-frame');
    el.getValue();
  }
})

License

MIT