基础用法
按钮类型
支持primary、warning、danger三种类型,默认为primary
按钮尺寸
支持 large、normal、small 三种尺寸,默认为normal
<bo-button type="primary" size="large">Primary</bo-button>
<bo-button type="primary" size="normal">Normal</bo-button>
<bo-button type="primary" size="small">Small</bo-button>
按钮颜色
通过color属性可以自定义按钮颜色
<bo-button color="#04BE02">#04BE02</bo-button>
<bo-button color="#EE30A7" size="small">#EE30A7</bo-button>
加载状态
<bo-button type="primary" loading >Primary</bo-button>
满屏按钮
属性auto会让按钮占满屏幕宽度
<bo-button type="primary" auto >Primary</bo-button>
API
参数 | 说明 | 类型 | 默认值 |
---|---|---|---|
type | 可选值为:primary、wraning、danger、hollow | String | primary |
size | 可选值为:large、normal、small | String | normal |
color | 自定义RGB颜色 | String | #2196F3 |
auto | 宽度100% | Boolean | False |
loading | 加载状态 | Boolean | False |