Skip to content
On this page

组件相关的样式变量(定义组件的基本样式),全部的列表参照这里

按钮 Button

何时使用

标记了一个(或封装一组)操作命令,响应用户点击行为,触发相应的业务逻辑。

按钮种类:

  • 主按钮:用于主行动点,一个操作区域只能有一个主按钮。
  • 默认按钮:用于没有主次之分的一组行动点。
  • 虚线按钮:常用于添加操作。
  • 文本按钮:用于最次级的行动点。
  • 链接按钮:用于作为外链的行动点。

按钮状态属性,与种类配合使用

  • 危险:删除/移动/修改权限等危险操作,一般需要二次确认。
  • 幽灵:用于背景色比较复杂的地方,常用在首页/产品页等展示场景。
  • 禁用:行动点不可用的时候,一般需要文案解释。
  • 加载中:用于异步操作等待反馈的时候,也可以避免多次提交。

Ant Design设计规范要求:按钮内(文本按钮和链接按钮除外)只有两个汉字时自动添加空格,如果不需要这个特性可以删除

设计资源 待设计补充

参考链接:Ant Design Vue Button


图标 Icon

使用IconFont 市场易新系统图标库