Button 按钮

按钮组件用于响应用户点击行为,触发相应的业务逻辑,预设 9 种颜色 light, stable, positive, calm, assertive, balanced, energized, royal, dark 可选用。

API

参数 类型 描述 默认值
prefixCls string 自定义类名前缀 dn-button
type string 按钮类型,可选值为 light、stable、positive、calm、assertive、balanced、energized、royal、dark stable
clear boolean 是否清除样式 false
block boolean 是否块级元素 false
full boolean 是否通栏 false
outline boolean 是否镂空 false
bordered boolean 是否带边框 true
size string 按钮的大小,可选值为 small、default、large default
disabled boolean 是否禁用 false
loading boolean 名称前是否带 loading 图标 false
formType string 用于 <form/> 组件,点击分别会触发 <form/> 组件的 submit/reset 事件 -
openType string 微信开放能力,可选值为 contact、share、getUserInfo、getPhoneNumber -
hoverClass string 指定按钮按下去的样式类。当 hover-class="none" 时,没有点击态效果 default
hoverStopPropagation boolean 指定是否阻止本节点的祖先节点出现点击态 false
hoverStartTime number 按住后多久出现点击态,单位毫秒 20
hoverStayTime number 手指松开后点击态保留时间,单位毫秒 70
lang string 指定返回用户信息的语言,zh_CN 简体中文,zh_TW 繁体中文,en 英文。 en
sessionFrom string 会话来源 -
sendMessageTitle string 会话内消息卡片标题 当前标题
sendMessagePath string 会话内消息卡片点击跳转小程序路径 当前分享路径
sendMessageImg string 会话内消息卡片图片 截图
showMessageCard boolean 显示会话内消息卡片 false
appParameter string 打开 APP 时,向 APP 传递的参数 -
bind:click function 点击事件 -
bind:getuserinfo function 用户点击该按钮时,会返回获取到的用户信息,回调的 detail 数据与 wx.getUserInfo 返回的一致 -
bind:contact function 客服消息回调 -
bind:getphonenumber function 获取用户手机号回调 -
bind:error function 当使用开放能力时,发生错误的回调 -
bind:opensetting function 在打开授权设置页后回调 -
bind:launchapp function 打开 APP 成功的回调,open-type=launchApp时有效 -
bind:chooseavatar function 获取用户头像回调,open-type=chooseAvatar时有效 -