跳到主要内容

Button 按钮

二次封装按钮组件,且使用相同的组件名替换全局的a-button组件

TIP

  • 按钮不需要 import,已经全局注册,直接使用a-button标签即可
  • 如果是 Tsx 文件,需要手动 import

Usage

<template>
<a-button color="success">成功按钮</a-button>
<a-button color="error">错误按钮</a-button>
<a-button color="warning">警告按钮</a-button>
</template>

Props

提示:

保持 anv design button 组件 原有功能 的情况下扩展以下属性

属性类型默认值说明
color'error','warning', 'success'-按钮的颜色场景状态颜色,
preIconstring-按钮文本前图标,参考 Icon 组件
postIconstring-按钮文本后图标,参考 Icon 组件
iconSizenumber14按钮图标大小