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);
	

	})

打印的数据

相关推荐
普宁彭于晏15 小时前
uni-app switch(开关选择器) BUG
uni-app·bug
iOS阿玮1 天前
我终于把3年前在谷歌赚的广告费提现了!
uni-app·app·apple
小白_ysf1 天前
uniapp开发微信小程序(新旧版本对比:授权手机号登录、授权头像和昵称)
微信小程序·小程序·uni-app
kilito_011 天前
uniapp 微信小程序 列表点击分享 不同的信息
微信小程序·小程序·uni-app
白日依山尽yy1 天前
Vue、微信小程序、Uniapp 面试题整理最新整合版
vue.js·微信小程序·uni-app
2501_916013741 天前
移动端 WebView 调试实战,多平台行为差异排查与统一调试流程
android·ios·小程序·https·uni-app·iphone·webview
给力学长1 天前
自习室预约小程序的设计与实现
java·数据库·vue.js·elementui·小程序·uni-app·node.js
前端程序猿-秦祥2 天前
uniapp中flex布局gap属性兼容处理
uni-app
程知农2 天前
uniapp_微信小程序_根据胶囊按钮计算出的导航栏高度为什么不是44px?
微信小程序·小程序·uni-app
2501_915909062 天前
iOS 加固工具实战解析,主流平台审核机制与工具应对策略
android·ios·小程序·https·uni-app·iphone·webview