、阿里巴巴图标库注册账号
2、完后选择自己喜欢的图标加入到项目中,点击生成在线链接
3、图标的加载
修改/src/config/env.js文件
let iconfontVersion = ['567566_qo5lxgtishg','1116466_f0ovtx5y88q','你生成的代码']
4、图标的调用
输入在图标库中图标的名称即可
<i class="icon-bofangqi-suoping"></i>
5、阿里巴巴图标库的调用必须是有网情况
6、菜单图标修改
- 引入图标库(如上面的引入阿里巴巴图标库)
- 将icon的class添加到图标选择文件中的已有或者新建数组中。参考已有文件的位置: src/const/iconList.js
- 在【平台管理】-【菜单管理】点击对应菜单修改图标
- 【注意】如果菜单图标不显示请查看 Avue图标选择器文档
- 在图标选择器中的阿里图标需要加前缀才能显示,阿里图标会默认设置iconfont前缀,这个iconfont是可修改,所以iconList中lun图标前缀被修改为ic
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。
如需转载请保留出处:https://bianchenghao.cn/bian-cheng-ji-chu/102924.html