#### 组件名称
gov-captcha

#### 解释：
图形验证码

#### 属性说明：
|属性名 | 类型 | 必填 | 默认值 |说明 |
|---|---|---|---|---|
|iptAreaWidth |String |否|4em|输入区域的宽度|
|iptName |String |否||输入框名字|
|placeholderContent |String |否|请输入验证码|占位文案|
|iptValue |String |否||输入框value|
|type |String |否||input类型：text、number、idcard|
|maxlength |Number |否|4|输入最大长度|
|focus |Boolean |否|false|获取聚焦，调起键盘|
|verifyImgUrl |String |否||图片验证码的url地址|
|iptErrorInfo |Boolean |否|false|验证码输入文字飘红提示|

#### 代码示例
swan:
```
<gov-captcha gov-code="sort" s-if="vcodeData.verifyImgUrl" id="vcodeData" ipt-area-width="{{vcodeData.iptAreaWidth}}" ipt-name="{{vcodeData.iptName}}" placeholder-content="{{vcodeData.placeholderContent}}" ipt-value="{{vcodeData.iptValue}}" max-length="{{vcodeData.maxLength}}" verify-img-url="{{vcodeData.verifyImgUrl}}" bindkeyinput="iptKeyInput" bindrefreshimg="refreshVerifyImg" bindkeyinput="iptKeyInput" bindiptconfirm="iptConfirm" >
        </gov-captcha>
```
js:
```
Page({
    data: btnStatus: false,
        vcodeData: {
            type: 'text',
            maxLength: 4,
            focus: false,
            iptAreaWidth: 200,
            placeholderContent: '请输入验证码',
            defaultValue: '',
            iptName: 'verifycode',
            iptErrorFlag: false,
            value: '',
            verifyImgUrl: 'https://images2015.cnblogs.com/blog/908744/201703/908744-20170303142728141-434774652.png'
        }
    }
});

```
css:
```
.gov-btn-text {
    margin: 20px 0 20px 12px !important;
}
.sort {
    color: #744848 !important;
}
```