uniapp小程序自定义标题栏

最新推荐文章于 2024-07-30 13:02:28 发布

帅过二硕ฅ

最新推荐文章于 2024-07-30 13:02:28 发布

阅读量884

点赞数 10

文章标签： uni-app 小程序

本文链接：https://blog.csdn.net/qq_43193513/article/details/134602411

版权

首先在page页面中配置 “navigationStyle”: “custom”

			"path": "pages/index/index",
			"style": {
				"navigationStyle": "custom",
				"enablePullDownRefresh": false
			}

页面中

<view class="header" :style="{paddingTop:paddingTop + 'px',height:height + 'px',lineHeight:height + 'px'}">
	自定标题栏
</view>

onLoad() {
	//设置导航条参数
	let menuButtonInfo = uni.getMenuButtonBoundingClientRect()
	this.paddingTop = menuButtonInfo.top
	this.height = menuButtonInfo.height
},