https://github.com/chenos/amis-sms-code-control
https://github.com/chenos/amis-sms-code-control
Last synced: 5 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/chenos/amis-sms-code-control
- Owner: chenos
- Created: 2020-05-08T04:06:17.000Z (about 6 years ago)
- Default Branch: master
- Last Pushed: 2020-09-11T02:10:51.000Z (almost 6 years ago)
- Last Synced: 2025-09-30T23:12:50.181Z (9 months ago)
- Language: JavaScript
- Size: 4.88 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
```bash
yarn add amis-sms-code-control
```
载入组件
```js
import 'amis-sms-code-control';
```
自定义
```js
import { FormItem } from 'amis';
import { SmsCodeControl } from 'amis-sms-code-control';
@FormItem({
type: 'custom-sms-code',
})
class CustomSmsCodeControl extends SmsCodeControl {
// 自定义代码
}
```
配置
```js
{
type: 'form',
controls: [
{
"type": "text",
"name": "phone",
"required": true,
"validations": "isPhoneNumber",
"placeholder": "请输入手机",
"label": "手机",
},
{
"type": "sms-code",
"label": '验证码',
"placeholder": "请输入验证码",
"name": "code",
"phoneField": "phone", // 与填写手机的字段 name 对应
"api": {
"method": "post",
"url": "/code",
"data": {
"phone": "${phone}" // 与填写手机的字段 name 对应
},
},
"validations": {
isNumeric: true,
isLength: 6
},
"required": true,
},
]
}
```