Vue uses ElementUI to use a third-party icon library iconfont example

1. Add icon to your own project in http://www.iconfont.cn/ Alibaba, then click on the editing project in more projects

Vue中使用ElementUI使用第三方图标库iconfont的示例

2. Modify the prefix for EL-ICON-XXX, XXX custom, then download the project from the local

Vue中使用ElementUI使用第三方图标库iconfont的示例 Vue中使用ElementUI使用第三方图标库iconfont的示例

3. 5 files are placed in the project file, introducing iconfont.css into the Vue project,

and then modify the iconfont.css. ICONFONT, modify it to the following figure

Vue中使用ElementUI使用第三方图标库iconfont的示例
4. After modifying iConfont.css, it is generally shown in

Vue中使用ElementUI使用第三方图标库iconfont的示例 5. Finally, ICON can be introduced in the same way. Icon, as shown below

Vue中使用ElementUI使用第三方图标库iconfont的示例
If the modified prefix is ​​imported into EL-ICON, it may result in an exception to the Element-UI ICON conflict .

The above is all the content of this article, I hope to help everyone, I hope everyone will support Tumi Cloud.

© Copyright Notice
THE END
Just support it if you like
like0
share
comment Grab the couch

Please log in to comment