跳到主要内容

button

功能描述

按钮。

组件属性

属性名类型默认值说明
sizeStringdefault按钮的大小
typeStringdefault按钮的样式类型
disabledBooleanfalse是否禁用
loadingBooleanfalse名称前是否带 loading 图标
form-typeString-用于
  组件,点击分别会触发  
  组件的 submit/reset 事件

size 有效值:

说明
default默认大小
mini小尺寸

type 有效值:

说明
primary红色
default白色
warn红色

示例代码

<view class="btn-area" id="buttonContainer">
<button type="primary">页面主操作 Normal</button>
<button type="primary" loading="true">页面主操作 Loading</button>
<button type="primary" disabled="true">页面主操作 Disabled</button>
<button type="default">页面次要操作 Normal</button>
</view>

预览

button

注意事项

  1. input 组件是一个 native 组件,字体是系统字体,所以无法设置 font-family;
  2. 在 input 聚焦期间,避免使用 css 动画;