uni-app 在 pages.json 顶部导航栏使用 iconfont 字体图标
在 iconfont 图标库 找到要下载的图标,可以根据下面的步骤图,下载多个 iconfont 图标的代码,不需要多个的可以添加到购物车,单独下载代码。2. 创建 static/iconfont 目录,下载完的压缩包进行解压,将 iconfont.css、iconfont.ttf 导入到static目录中3. 修改 iconfont.css 文件源文件这时候编译会不通过!会提示svg、truet
·
- 在 iconfont 图标库 找到要下载的图标,可以根据下面的步骤图,下载多个 iconfont 图标的代码,不需要多个的可以添加到购物车,单独下载代码。
2. 创建 static/iconfont
目录,下载完的压缩包进行解压,将 iconfont.css、iconfont.ttf
导入到static目录中
3. 修改 iconfont.css 文件
源文件
这时候编译会不通过!会提示svg、truetype、woff…找不到!那就将这几个去掉!
4. App.vue 引入 iconfont.css
5. pages.json 中配置导航栏按钮
{
"path": "pages/template/mail-list/customer/my-customer",
"style": {
"navigationBarTitleText": "我的客户",
"navigationBarBackgroundColor": "#fff",
"navigationBarTextStyle": "black",
"app-plus": {
"titleNView": {
"buttons": [{
"text": "\ue6d4",
"fontSrc": "/static/iconfont/iconfont.ttf",
"color": "#999999",
"colorPressed": "#BBBBBB",
"fontSize": "14px"
}]
}
}
}
}
注意事项
配置时 fontSrc
必须写
更多推荐
已为社区贡献25条内容
所有评论(0)