xxd-button

基于 vue.js 的发送短信按钮组件，在传入必须的参数后对相应的 url 发起 POST 请求，并提供回调函数处理成功或失败后的逻辑

Installation

npm install xxd-button

Usage

<x-button
    :type="type"
    :message="message"
    :second="60"
    :timeStatus="timeStatus"
    :url="url"
    :phone="phone"
    @callback="callback">
    text
</x-button>

import XButton from 'xxd-button'
import 'xxd-button/src/Button.css'

| 参数名       | 类型           | 描述           | 是否必填 | | :-------------: | ------- |-------------| :-----| | type     | String | 按钮类型，默认为空，可填 primary | 否 | | message | String | 自定义弹出消息内容，默认为空，不弹窗     |   否 | | second     | Number | 倒计时计数，默认 60，单位秒     |   否 | | timeStatus   | Boolean | 开启倒计时，callback 里使用，默认为 false     |   是 | | url     | String | 请求的地址     |   是 | | phone     | Number/String | 手机号码     |   是 | | callback     | Function | 回调函数，默认参数 response， response 为 false 表示 phone 格式有误    |   是 | | text     | String | 按钮文本，默认为 发送消息     |   否 |

请求内容：

{ phone: 'phoneNumber' }