uni-app给顶部导航栏添加自定义字体图标

时间:2024-02-19 10:59:04

1、登录阿里巴巴图标库,在首页搜索找到想要的图标 -- > 添加购物车 -- > 点击购物车图标 -- > 把图标添加到项目中 -- > 点击确定到我的图标 -- >下载至本地,具体参考以下流程:

 

 

2、把下载的字体文件放到static目录下,然后在对应的页面上添加自定义图标,如下图:

 

3、在页面上添加跳转tabBar页面的代码,如下图:

 

 

4、页面显示效果: