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