自定义导航栏图标

自定义导航栏图标

管理图标样式 打开阿里巴巴矢量图标库 登录成功后打开“我的项目 新建空白项目 在搜索框中搜索自己想要的图标类型并选择图标添加入库 完成全部图标添加后点击右上角购物车选择加入项目

管理图标样式

  1. 打开阿里巴巴矢量图标库

  2. 登录成功后打开“我的项目

  3. 新建空白项目

  4. 在搜索框中搜索自己想要的图标类型并选择图标添加入库

  5. 完成全部图标添加后点击右上角购物车选择加入项目

  6. 在“我的项目”中选择刚才添加图标的项目,查看在线链接并更新地址

  7. 复制生成的地址,用于后续引入

<link rel="stylesheet" href="//at.alicdn.com/t/c/font_1861900_k5kocin72wp.css" >

使用

  1. 打开halo系统后台管理面板

  2. 在“菜单”中编辑你想要设置图标的菜单项

  3. 在编辑页面中的图标输入框填写代码

  1. 其中“iconfont” 为固定前缀,后面加上图标的描述

iconfont icon-xiangce
  1. 图标描述可以通过阿里巴巴矢量图标库中项目中的图标,点击“复制代码”获取

LICENSED UNDER CC BY-NC-SA 4.0
Comment