微信小程序之button按钮

微信小程序提供了button按钮组件,checkbox多项选择器组件,radio单项选择器组件,form表单组件,input单行输入框组件,textarea多行输入框组件,label改进表单可用性组件,picker滚动选择组件,picker滑动选择组件,switch开关选择组件10种表单组件。

button按钮

button按钮组件提供3种类型的按钮:基本类型按钮,默认按钮类型和警告按钮类型,同时提供两种大小的按钮:默认和mini按钮,如图

button按钮组件有很多属性,每个属性有不同作用

属性名 类型 默认值 说明
size String default 按钮的大小
type String default 按钮的样式类型
plain Boolean false 按钮是否镂空,背景色透明
disabled Boolean false 是否禁用
loading Boolean false 名称前是否带 loading 图标
form-type String 用于
组件,点击分别会触发 组件的 submit/reset 事件
hover-class String button-hover 指定按钮按下去的样式类。当 hover-class="none" 时,没有点击态效果
hover-start-time Number 20 按住后多久出现点击态,单位毫秒
hover-stay-time Number 70 手指松开后点击态保留时间,单位毫秒

你可能感兴趣的:(微信小程序之button按钮)