Button 按钮
常用的操作按钮。
基础用法
基础的按钮用法。
▼显示代码
禁用状态
按钮不可用状态。
▼显示代码
文字按钮
没有边框和背景色的按钮。
▼显示代码
图标按钮
带图标的按钮可增强辨识度(有文字)或节省空间(无文字)。
▼显示代码
按钮组
以按钮组的方式出现,常用于多项类似操作。
▼显示代码
加载中
点击按钮后进行数据加载操作,在按钮上显示加载状态。
▼显示代码
不同尺寸
Button 组件提供除了默认值以外的三种尺寸,可以在不同场景下选择合适的按钮尺寸。
▼显示代码
方法
你可以通过调用$(#id).button('xxx')
来快速设置按钮状态。
方法 | 说明 | 举例 |
---|---|---|
disabled | 禁用按钮 | $(#id).button('disabled') |
loading | 按钮显示加载中 | $(#id).button('loading') |
show | 取消禁用和加载状态 | $(#id).button('show') |