Icon图标组件

icon组件主要用来展示一个图标,图标的形式不限于iconfont图标字体,还可以是svg、png、jpg等图片;支持theme颜色主题和使用label文本,支持多种图文混搭结构。

简单使用

使用ax-icon标签即可表示一个图标。图标的样式类可写在label属性上或直接写在标签内。

  • 输出
  • HTML
  • _icon-global
  •                 
                    
                

使用图片

本组件虽然是叫做单个图标组件,但是我们经常见到用图片做图标的情况,所以本组件支持使用图片替代图标字体。

通过type参数设置图标类型,默认为icon,可设为disk(圆形图片)和cube(方形图片)。当type设为disk和cube之后,应该将label设为图片地址。

  • 输出
  • HTML
  •                 
                    
                

使用tips

tips属性表示对图标的说明解释。

  • 输出
  • HTML
  • _icon-global
  •