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标签的hreftarget那样,可直接通过setAttributegetAttributeremoveAttribute方法进行读写操作。

特别的,对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的风格对调