uniapp H5顶部状态栏+导航栏高度修改_uniapp navigationbar高度

作者：羊村懒王 | 2024-03-21 10:34:04

踩

uniapp navigationbar高度

1、导入uniapp自定义导航栏传送门

导入之后，打开官方查件 uni-nav-bar，修改官方给出的插件高度是44px，并且放到了类 uni-navbar__header 里面。

    $nav-height: 55px; // 将 44 改成你最合适的数字 我的是 55
    
	.uni-navbar__header {
		/* #ifndef APP-NVUE */
		display: flex;
		/* #endif */
		flex-direction: row;
		width: 750rpx;
		height: $nav-height;
		line-height: $nav-height;
		font-size: 16px;
		padding-top: 25px;
	}
1
2
3
4
5
6
7
8
9
10
11
12
13

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/羊村懒王/article/detail/280503

uniapp H5顶部状态栏+导航栏高度修改_uniapp navigationbar高度

1、导入uniapp自定义导航栏 传送门

1、导入uniapp自定义导航栏传送门