今天在使用 vxe-table 时,需要引入 Element UI的图标,顺便就找了下这些组件库中图标的引用方式。
我们知道 Element 、Ant Design、Font Awesome 等很多组件库都包含了一套图标。这些图标通常采用 class 的方式引入:
<i class="el-icon-share"></i>
有时需要采用 css 的方式引入,可以通过下面这种方式:
.icon:before {
content: 'E611';
position: absolute;
left: -8px;
top: 14px;
font-family:element-icons!important;
}
这里的 content 值如果不知到,可以通过 F12 开发者工具选中图标查看。