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 開發者工具選中圖標查看。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM