图标
Bunny ui 图标采用字体形式,取材于阿里巴巴矢量图标库 iconfont,因此可以把一个 icon 看作是一个普通的文本,直接通过 css 即可设定其样式。图标支持 font-class 或 unicode 两种格式。
示例
- Preview
- Code
你可以去定义它的颜色或者大小,如:
<i class="bny-icon icon-bunny"></i>
<div>
你可以去定义它的颜色或者大小,如:
<i class="bny-icon icon-bunny" style="font-size: 30px; color: #1E9FFF;"></i>
</div>
通过对一个内联元素(如 <i>标签)添加基础类 class="bny-icon" 来定义一个图标,然后对元素加上图标对应的
font-class,即可显示出你想要的图标,如上所示。