uni-app实现小程序沉浸式导航栏/顶部组件占满导航栏


如果你只是想单纯的让屏幕最上方的那个组件（比如swiper）将通知栏（导航栏）填充满，那么你只需要在page.json文件中加入以下代码到你想实现此效果的页面的style中 

"navigationStyle": "custom"

实例：

"pages": [
		{
			"path": "pages/index/index",
			"style": {
				"navigationBarTitleText": "",
				"navigationStyle": "custom"
			}
		}
		]

添加前：
在这里插入图片描述

添加后：
在这里插入图片描述

# 小程序 # uni-app # 前端
Logo
华为开发者空间

华为开发者空间，是为全球开发者打造的专属开发空间，汇聚了华为优质开发资源及工具，致力于让每一位开发者拥有一台云主机，基于华为根生态开发、创新。

更多推荐

cover

领取云主机，带你基于PyTorch构建高效手写体识别系统

avatar 华为开发者空间
cover

华为云数据库斯享会走进贵阳，与贵州企业携手共绘数智蓝图

avatar 华为开发者空间
cover

GaussDB高智能--库内AI引擎：模型管理&数据集管理

avatar 华为开发者空间