JooLun Plus 百科 ⬇ 源码下载

09.24 阿里巴巴图标库使用

JooLun 于 2026-10-21 14:40:14 +08:00 修改了此页面

适用于joolun-plus-ui

1、阿里巴巴图标库注册账号

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