uni-app 导航栏使用iconfont 字体图标(unicode引用方式)

uni-app 导航栏使用iconfont 字体图标(unicode引用方式)_第1张图片
unicode引用方式我们主要是用到iconfont.css和后缀名为.eot、.svg、.ttf、.woff的文件 ,新建一个专门存放文件夹。
uni-app 导航栏使用iconfont 字体图标(unicode引用方式)_第2张图片
uni-app 导航栏使用iconfont 字体图标(unicode引用方式)_第3张图片
复制  设置导航栏字体图标:

uni-app 导航栏使用iconfont 字体图标(unicode引用方式)_第4张图片
"text": "\ue73f",
"fontSrc":"/static/iconfont/iconfont.ttf"

uni-app 导航栏使用iconfont 字体图标(unicode引用方式)_第5张图片
效果图如下:
在这里插入图片描述

你可能感兴趣的:(VUE学习笔记,uni-app,导航栏,iconfont)