当前位置:首页 > 编程 > 正文内容

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

rqc2年前 (2021-07-16)编程556

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


扫描二维码推送至手机访问。

版权声明:本文由任前程发布,如需转载请注明出处。

本文链接:https://rqc.im/?id=20

分享给朋友:

发表评论

访客

看不清,换一张

◎欢迎参与讨论,请在这里发表您的看法和观点。