uniapp 开发支付宝小程序自定义导航栏问题

大力水手~

已于 2022-11-21 15:25:42 修改

阅读量1.4k

点赞数

文章标签： uni-app 小程序 javascript

于 2022-11-21 15:00:39 首次发布

本文链接：https://blog.csdn.net/weixin_44705979/article/details/127964959

版权

使用uview UI组件开发支付宝小程序页面自定义navbar,正常没问题，如果有modal显示则会出现问题
在这里插入图片描述
page.json代码使用自定义导航栏，页面引入uview的navbar

{
			"path": "pages/moreSetting/index",//更多设置
			"style": {
				"navigationBarTitleText": "",
				"navigationStyle": "custom",
				"mp-alipay": {
					"transparentTitle": "always",//导航栏透明设置  always一直透明 / auto 滑动自适应 / none 不透明
					"titlePenetrate": "YES"  //设置小程序导航栏为透明
				}
			}
		},

改造后代码使用原生的navbar页面删除uview的navbar page.json

{
			"path": "pages/moreSetting/index",//更多设置
			"style": {
				"navigationBarTitleText": "更多设置",
				"navigationBarBackgroundColor":"#FFFFFF",
				// "navigationStyle": "custom",
				"navigationBarTextStyle": "black",
				"mp-alipay": {
					"transparentTitle": "none",
					"titlePenetrate": "NO"
				}
			}
		},