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

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

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

 

 

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

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

 

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

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

 

4、页面显示效果:

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

 

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

上一篇:记账本APP小升级


下一篇:用APP.config配置文件连接 Sql Server数据库