Button 按钮

常用的操作按钮。

基础用法

基础的按钮用法。

显示代码

禁用状态

按钮不可用状态。

显示代码

文字按钮

没有边框和背景色的按钮。

显示代码

图标按钮

带图标的按钮可增强辨识度(有文字)或节省空间(无文字)。

显示代码

按钮组

以按钮组的方式出现,常用于多项类似操作。

显示代码

加载中

点击按钮后进行数据加载操作,在按钮上显示加载状态。

显示代码

不同尺寸

Button 组件提供除了默认值以外的三种尺寸,可以在不同场景下选择合适的按钮尺寸。

显示代码

方法

你可以通过调用$(#id).button('xxx')来快速设置按钮状态。

方法 说明 举例
disabled 禁用按钮 $(#id).button('disabled')
loading 按钮显示加载中 $(#id).button('loading')
show 取消禁用和加载状态 $(#id).button('show')