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

posted @ 2021-07-16 16:49  鲜橙rqc  阅读(2789)  评论(0编辑  收藏  举报