09.24 阿里巴巴图标库使用
JooLun 于 2026-10-21 14:40:14 +08:00 修改了此页面
适用于joolun-plus-ui
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中JooLun图标前缀被修改为ic