表单组件_按钮
原创...大约 1 分钟
表单,将用户输入的信息提交到服务器,小程序的表单与 html 的表单基本一致
小程序的 button 按钮与 html 的非常类似,但是小程序的功能要更强大一些
<form>
<input placeholder="请输入用户名" />
<input placeholder="请输入密码" />
<button type="primary">登录</button>
</form>
按钮属性
属性 | 类型 | 默认值 | 必填 | 说明 |
---|---|---|---|---|
type | string | default | 否 | 按钮的样式类型 |
size | string | default | 否 | 按钮的大小 |
plain | boolean | false | 否 | 按钮是否镂空,背景色透明 |
disabled | boolean | false | 否 | 是否禁用 |
loading | boolean | false | 否 | 名称前是否带 loading 图标 |
form-type | string | 否 | 用于 form 组件,点击分别会触发 form 组件的 submit/reset 事件 |
相关信息
type
属性说明
合法值 | 说明 |
---|---|
primary | 绿色 |
default | 白色 |
warn | 红色 |
size
属性说明
合法值 | 说明 |
---|---|
default | 默认大小 |
mini | 小尺寸 |
<button>按钮</button>
<button type="default">按钮</button>
<button type="primary">按钮</button>
<button type="warn">按钮</button>
<button type="primary" size="default">按钮</button>
<button type="primary" size="mini">按钮</button>
<button type="primary" plain>按钮</button>
<button type="primary" disabled>按钮</button>
<button type="primary" loading>按钮</button>
<button type="primary" form-type="submit">按钮</button>
Powered by Waline v2.15.7