Element-UI 使用 class 方式和 css 方式引入图标

提示：扫一扫查出行
【扫一扫了解最新限行尾号】
复制提示

今天在使用 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 开发者工具选中图标查看。