uniapp在app端,在导航栏设置自定义按钮

需求:导航栏上面,有三个功能、1.返回按钮、2.开灯按钮、3.扫一扫功能

复制代码
	{
			"path": "pages/faultReporting/faultReporting",
			"style": {
				"navigationBarTitleText": "设备上传",
				"app-plus": {
					"titleNView": {
						"buttons": [{
								"index": "0",
								"text": "扫一扫",
								"fontSize": "15px",
								"color": "#e8e8e8",
								"width": "auto"
							},
							{
								"index": "1",
								"text": "开灯",
								"fontSize": "15px",
								"color": "#e1e1e1",
								"width": "auto",
								"float": "left"
							}
						]
					
					}
				}
			}
		},

官方的属性介绍

注意:这个是可以用字体图标的。(字体图标在iconfont搞一套自己的)

页面监听

复制代码
onNavigationBarButtonTap(function(e) {
		console.log(e);
	

	})

打印的数据

相关推荐
PedroQue991 天前
Vue Router 4.x风格导航守卫全面升级
前端·uni-app
Haibakeji1 天前
APP小程序定制开发项目频繁延期?前期规避方法与落地避坑指南
小程序·uni-app·软件需求
anyup1 天前
迁移uni-app x,我是如何让 AI 把我一步步搞崩溃的...
前端·uni-app·trae
2501_916007471 天前
申请 iOS 推送证书并配置 APNs 群发推送教程
android·ios·小程序·https·uni-app·iphone·webview
博客zhu虎康1 天前
uni-app云打包显示编译成功,但是一直没有进入打包队列,后面也一直没反应
uni-app
JavaDog程序狗2 天前
【指南】uni-app微信小程序多环境CI-CD完全指南
ci/cd·uni-app·jenkins
PedroQue992 天前
uni-router v2.1.0 升级:导航守卫全面支持返回值模式
前端·uni-app
2501_915909063 天前
iOS test 测试怎么做?功能、性能、兼容、稳定与安全五类测试指南
android·ios·小程序·https·uni-app·iphone·webview
游戏开发爱好者84 天前
App Store 上传 IPA 自动化,.p8 密钥认证与 CI/CD 接入实战
android·运维·ci/cd·小程序·uni-app·自动化·iphone
游戏开发爱好者84 天前
iOS 推送怎么配置,APNs 推送证书、设备库与群发
android·ios·小程序·https·uni-app·iphone·webview