Button

Button

按钮，主要对原生 <button> 组件进行封装，并扩展了按钮的一些尺寸。

引入

import mpButton from 'mpvue-weui/src/button';
export default {
  components: {
    mpButton,
  },
}

使用

<mp-button type="default" size="large" btnClass="mb15">默认按钮</mp-button>
<mp-button type="default" size="large" btnClass="mb15" openType="getUserInfo" @getuserinfo="getuserinfo">获取用户信息</mp-button>

API

参数	说明	类型	默认值
type	按钮类型，可选值为 `primary` `warning` `default`	`String`	`default`
size	按钮尺寸，可选值为 `normal` `large` `small` `mini`	`String`	`normal`
plain	是否为朴素按钮	`Boolean`	`false`
disabled	是否禁用	`Boolean`	`false`
buttonClass	作用于 button 组件上的 class	`String`	-
loading	是否显示为加载状态	`Boolean`	`false`
open-type	微信开放能力	`String`	-
app-parameter	打开 APP 时，向 APP 传递的参数	`String`	-
hover-start-time	按住后多久出现点击态，单位毫秒	`Number`	20
hover-stay-time	手指松开后点击态保留时间，单位毫秒	`Number`	70
lang	指定返回用户信息的语言，zh_CN 简体中文，zh_TW 繁体中文，en 英文	`String`	`en`
session-from	会话来源	`String`	-
send-message-title	会话内消息卡片标题	`String`	当前标题
send-message-path	会话内消息卡片点击跳转小程序路径	`String`	当前分享路径
send-message-img	sendMessageImg	`String`	截图
show-message-card	显示会话内消息卡片	`String`	`false`

Event

事件名	说明	参数
@click	点击按钮且按钮状态不为加载或禁用时触发	-
@getuserinfo	用户点击该按钮时，会返回获取到的用户信息，从返回参数的 detail 中获取到的值同 wx.getUserInfo	-
@contact	客服消息回调	-
@getphonenumber	获取用户手机号回调	-
@error	当使用开放能力时，发生错误的回调	-