uni-app|uni-app 顶部标题栏定制按钮如何做（）
文章图片
image.png uni-app顶部栏我们用的最多最常见的就是标题啦，但是定制的项目很多顶部栏都会有一些快捷按钮，这样原生的标题栏功能就不够用了，但是我们又不想自己写一个怎么办？？
如下懒人必备方法，推荐给大家：
首先page.json里面配置如下：
{
"path" : "pages/user/account",
"style" : {
"navigationBarTitleText": "转账",
"app-plus": {
"titleNView": {
"buttons": [{"text":"记录","fontSize":"16px"}]
}
}}
}
并且支持字体图标哦，字体图标版本如下：
{
"path" : "pages/user/account",
"style" : {
"navigationBarTitleText": "转账",
"app-plus": {
"titleNView": {
"buttons"：[{"text":"\ue539","fontSrc":"/static/uni.ttf","fontSize":"22px"}]
}
}}
}
之后结合下面提供的方法进行操作：
onNavigationBarButtonTap() {
console.log("点击了自定义按钮");
}
【uni-app|uni-app 顶部标题栏定制按钮如何做（）】不要问支持哪个平台，问就是：看文档去噻，app-plus的配置你会收获更多新大陆~，非常nice，加油！
推荐阅读
- 前端代码|前端代码 返回顶部 backToTop
- 企业微信uni-app开发准备
- 学习笔记|uni-app开发小程序
- ios|ios tableview顶部留白
- uni-uAdmin（基于uniapp+uViewUI跨端后台管理模板|uni-uAdmin：基于uniapp+uViewUI跨端后台管理模板|uni-app后台实例）
- uni-app开发（四）（项目实战之仿糗百搜索页）
- uni-app开发（二）（基础组件及样式）
- uni-app开发（三）（项目实战之仿糗百首页）
- uni-app开发（一）（准备工作及环境配置）
- Flutter|Flutter底部导航加侧边栏，顶部导航栏集合（第一章）