使用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"
				}
			}
		},

在这里插入图片描述

Logo

北京人形旗下天工造物具身智能开源社区,聚焦具身天工与慧思开物两大平台

更多推荐