uniapp 动态控制顶部导航栏显隐,控制右上角按钮隐藏 app

//设置页面全屏
onShow() {
    this.initAluminumLiquidCodeList();
	this.handleInit();
    // #ifdef APP-PLUS
    plus.navigator.setFullscreen(true);//隐藏手机顶部状态栏
    plus.navigator.hideSystemNavigation();//隐藏手机底部导航按键
    // #endif
},
//监听页面卸载事件 如果不加这句,会导致跳转到别的页面后也是全屏
onUnload() {
    // #ifdef APP-PLUS
    plus.navigator.setFullscreen(false);//显示手机顶部状态栏
    plus.navigator.showSystemNavigation();//显示手机底部导航按键
    // #endif
},

假设右侧只放了一个按钮

"style": {
	"navigationBarTitleText": "页面标题",
		"app-plus": {
			"titleNView": {
				"splitLine": {
					"color": "#E8ECEF"
				},
				"autoBackButton": "true",// 左上角自动返回的按钮
				"buttons": [{
					"id": "1",
					"float": "right",
					"fontSize": "15px",
					"fontSrc": "/static/iconfont/iconfont.ttf",// 字体样式可以自己设置
					"text": "按钮",// 按钮文字
					"width": "70px"
				}]
			}
		}
	}

隐藏右上角按钮

var webView = this.$mp.page.$getAppWebview();  
webView.setTitleNViewButtonStyle(0,{  
	width: '0'  
});

setTitleNViewButtonStyle方法第一个参数index的值为按钮在buttons数组的索引值,从0开始,如果放了两个按钮想隐藏第二个就

webView.setTitleNViewButtonStyle(1,{  
	width: '0'  
});

请注意,由于h5浏览器的this里没有$mp,所以要去移动端上看效果

  • 1
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 2
    评论
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

人间清醒小仙女

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值