uniapp隐藏顶部和底部留白和实现滚动时标题栏透明渐变

隐藏顶部和底部留白

在pages.json里加上
“navigationStyle”: “custom”, //去掉原生导航头
“app-plus”: {
“titleView”: false
}
代码示例

{
			"path": "pages/login/login", //地址
			"style": {
				"disableScroll": true,  //禁止页面滚动
				"navigationBarTitleText": "登录",  //标题
				"navigationStyle": "custom",  //去掉原生导航头
				"pageOrientation": "auto"
				"app-plus": {  
					"titleView": false   
				}
			}
		},

实现滚动时标题栏透明渐变

可在pages.json中配置titleNView下的type为transparent

{
			"path": "pages/login/login", //地址
			"style": {
				"navigationBarTitleText": "登录", //标题
				"app-plus": {
					"titleNView": { //原生导航栏配置参数
						"backgroundImage": "linear-gradient(to bottom right, #73ADF8 , #3081FF)", //设置背景图
						"titleColor": "#FFFFFF" ,//标题颜色,
						"type": "transparent"  //滚动渐变
					}
				}
			}
		},