自定义菜单栏图标,如下效果
image-1682326612397

一,首先在图标库注册账号(我以阿里矢量图标库为例)

我这里使用的是阿里矢量图标库,如果有其他的也都是类似的
官网: https://www.iconfont.cn/
进入官网后点击右上角进行注册
image-1682326750830
注册号之后点击 素材库 多色图标库
image-1682326814303
然后课可以在里面选择自己喜欢的图标
image-1682327050469
将喜欢的图标加到购物车里面,然后点击购物车,选择添加至项目,点击右边的加号创建一个项目,再点击自己创建的项目
image-1682327350146

二.使用图标

在自己创建的项目里面选择Font class,然后再点击生成在线连接

我这里使用的是在线的链接, 如果不想使用,可以下载下来放到本地资源里面进行引用
image-1682327517435
然后,打开自己项目的后台,找到外观 主题设置 自定义 字体图标链接 将链接代码粘贴上就可以了
image-1682327987411
找到 菜单设置,选择对应的菜单,在后面的图标上填写每个图标的代码
image-1682328179556
image-1682328237388
填写的时候要注意格式: 项目名 图标名 (项目名+空格+图标名)
项目名可以点击项目设置进行查看:
image-1682328426919
image-1682328399361
然后都填上之后就可以看效果了