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

	})

打印的数据

相关推荐
dssxyz5 小时前
uniapp打包微信小程序主包过大问题_uniapp 微信小程序时主包太大和vendor.js过大
javascript·微信小程序·uni-app
xw56 小时前
我犯了错,我于是为我的uni-app项目引入环境标志
前端·uni-app
!win !6 小时前
被老板怼后,我为uni-app项目引入环境标志
前端·小程序·uni-app
颜渊呐11 小时前
uniapp中APPwebview与网页的双向通信
前端·uni-app
白杨木影子被拉长13 小时前
多状态映射不同样式(scss语法)
vue.js·uni-app
一念杂记14 小时前
免费开源!微信小程序商城源码,快速搭建你的线上商城系统!
微信小程序·uni-app
aklry19 小时前
uniapp三步完成生成一维码图片
uni-app
雪芽蓝域zzs1 天前
uniapp 国密sm2加密
uni-app
打不着的大喇叭2 天前
uniapp的光标跟随和打字机效果
前端·javascript·uni-app