微信小程序提供了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 | 用于 <form/> 组件,点击分别会触发 <form/> 组件的 submit/reset 事件 |
|
hover-class | String | button-hover | 指定按钮按下去的样式类。当 hover-class="none" 时,没有点击态效果 |
hover-start-time | Number | 20 | 按住后多久出现点击态,单位毫秒 |
hover-stay-time | Number | 70 | 手指松开后点击态保留时间,单位毫秒 |