# xcx_componet_sixinput

**Repository Path**: devbigapp/xcx_componet_sixinput

## Basic Information

- **Project Name**: xcx_componet_sixinput
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2018-08-31
- **Last Updated**: 2020-12-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

##### 6位支付密码组件
微信小程序6位支付密码输入框

**component**为6位支付输入框组件

**index**为引用组件的页面

具体参数和事件设置，请参考小程序官方文档-组件

##### 参数设置

![](https://om83cysj8.qnssl.com/%E8%BE%93%E5%85%A5%E6%A1%86%E6%BC%94%E7%A4%BA.gif)

##### 代码片段地址（新增明文/暗文切换）

代码片段地址：wechatide://minicode/uSYM88mq6lYa

##### 使用请参考官方文档：

 https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/minicode.html

##### 暗文展示

![支付密码](https://om83cysj8.qnssl.com/%E6%9A%97%E6%96%87%E5%B1%95%E7%A4%BA.gif)

##### 明文展示

![](https://om83cysj8.qnssl.com/%E6%98%8E%E6%96%87%E5%B1%95%E7%A4%BA.gif)

##### 切换间隔

新增间隔属性，可以设置为带有间隔的不连续的数字输入框

`interval: false,//是否显示间隔格子`

true为连续，false为间隔

![](https://om83cysj8.qnssl.com/%E6%9C%89%E9%97%B4%E9%9A%94%E7%9A%84%E8%BE%93%E5%85%A5%E6%A1%86.png)

使用说明：

请看项目wiki

![](https://om83cysj8.qnssl.com/Snipaste_2018-03-22_18-14-51.png)