type=filled
单色填充按钮,hover 时阴影
type=border
单色边框透明背景按钮,hover 时半透明背景
type=flat
无边框透明背景按钮,hover 时半透明背景
type=line
只有上或下边框的透明背景按钮,hover 时边框出现动画
left-position
控制动画的起点
line-position
控制边框的位置
type=line
浮雕风格的按钮
内置 small large ,可输入 xxpx
圆形按钮
Name | Type | Parameters | Description | default |
---|---|---|---|---|
type | String | filled, border, flat, line, solid | 特效不同的按钮 | filled |
color | String | primary, warning, error, disbaled, RGB, HEX | 按钮的颜色 | primary |
text-color | String | RGB, HEX | 单独控制按钮的文字颜色 | |
line-origin | String | left, center, right | 线条出现的方向 | center |
line-position | String | top, bottom | 线条出现在上面还是下面 | bottom |
radius | Boolean | true, false | 是否是圆或椭圆 | false |
size | String | small, large | 按钮尺寸 |