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

网络编程 2025/1/8 佚名

2 0 1

蝙蝠岛资源网 Design By www.hbtsch.com

1.在http://www.iconfont.cn/阿里巴巴图标库添加图标到自己项目中，然后点击更多项目中的编辑项目

2.修改前缀为el-icon-xxx，xxx自定义，然后将项目下载自本地

3.将这5个文件放入到项目文件中，将iconfont.css引入到Vue项目中，

然后修改iconfont.css的.iconfont处，将其修改为下图所示

4.修改iconfont.css后，大致如下图所示

5.最后就可以采用icon相同方式引入图标，如下图方式引用即可

注意：如果修改前缀为el-icon引入，可能会导致与element-ui的icon冲突导致显示异常。

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。

Vue,ElementUI第三方图标库,Vue,ElementUI使用iconfont

标签：

Vue,ElementUI第三方图标库,Vue,ElementUI使用iconfont

蝙蝠岛资源网 Design By www.hbtsch.com

广告合作：本站广告合作请联系QQ：858582 申请时备注：广告合作（否则不回）
免责声明：本站文章均来自网站采集或用户投稿，网站不提供任何软件下载或自行开发的软件！如有用户或公司发现本站内容信息存在侵权行为，请邮件告知！ 858582#qq.com

蝙蝠岛资源网 Design By www.hbtsch.com

评论“Vue中使用ElementUI使用第三方图标库iconfont的示例”

暂无Vue中使用ElementUI使用第三方图标库iconfont的示例的评论...

www.hbtsch.com 蝙蝠岛资源网

139,976影音资源

144,792福利资源

21,817软件资源

631,128技术资源

最新文章

多种语言下获取当前页完整URL及其参数

2025/1/8

10

asp php 清空access mysql mssql数据库的代

2025/1/8

36

ibatis简单实现与配置

2025/1/8

3

初探 SOA

2025/1/8

6

初探 SOA(补充)

2025/1/8

69

更新日志

2025年01月08日

2025年01月08日