Buoy浮标
buoy浮标通常用来存放小型的统计数据,虽然体型娇小,但是value、label、icon、arrow、tips等元素一个不落,主打一个麻雀虽小五脏俱全。
前言
有别于badge徽章、tag标签和sign标记,buoy浮标是结合了指示+数据统计的功能。使用ax-buoy
自定义标签即可表示一个普通的浮标,可通过value属性设置值,或直接将文本写在标签内;使用label
属性可设置浮标文本。
- 输出
- HTML
-
25 14 -
颜色主题
通过theme
属性修改浮标的主题颜色,可使用的主题色有:prim,error,succ,info,warn,issue,text,brief。
- 输出
- HTML
-
25 14 -
使用图标
通过icon
属性设置图标的样式类,可以在浮标头部增加一个图标。
- 输出
- HTML
-
25 14 -
Attributes属性
attributes
属性是标签明面的属性,自定义标签的明面属性就像原生A
标签的href
和target
那样,可直接通过setAttribute
、getAttribute
和removeAttribute
方法进行读写操作。
特别的,对attributes使用setAttribute和removeAttribute操作可能会重组标签的内部HTML结构。
名称 | 可选值 | 默认值 | 说明 |
---|---|---|---|
label | '' | - | 浮标的文本 |
value | '' | - | 浮标的值 |
theme | prim/succ/error/info/warn/issue/text/brief | - | 浮标的颜色主题 |
icon | '' | - | 浮标的图标样式类 |
size | sm/md/lg | 'md' | 浮标的尺寸 |
arrow | '' | - | 浮标是否使用arrow指示箭头, |
reverse | '' | - | 是否将label和value的风格对调 |