Skip to content

按钮大小

vue
<zero-button size="small">较小</zero-button>
<zero-button size="normal">中等</zero-button>
<zero-button size="large">较大</zero-button>

按钮类型和颜色

vue
<zero-button buttonType="default">默认</zero-button>
<zero-button buttonType="warning">提示</zero-button>
<zero-button buttonType="danger">慎重</zero-button>

禁用点击高亮

vue
<zero-button :highlight="false">没有高亮</zero-button>

圆角

vue
<zero-button round >圆角</zero-button>

圆形

vue
<zero-button circle >圆形</zero-button>

自定义背景和文字颜色

vue
<zero-button bgColor="pink" color="red">按钮</zero-button>

禁用状态

vue
<zero-button disabled >按钮</zero-button>

属性

属性名说明可选值默认值类型
buttonType不同类型显示不同颜色default, warning, dangerdefaultString
size按钮大小small,normal,largenormalString
highlight点击时是否高亮true,falsetrueBoolean
bgColor背景颜色rgb, 十六进制, 颜色名-String
color文字颜色rgb, 十六进制, 颜色名-String
circle圆形按钮,和圆角按钮二选一true,falsefalseBoolean
round圆角按钮true,falsefalseBoolean
disabled禁用true,falsefalseBoolean

插槽

名称说明
default自定义默认内容

导出

名称说明
buttonRef按钮html元素