Uniapp框架实现微信小程序自定义导航栏

不说废话,直接说怎么做

第一步:

在这里插入图片描述
加上这个属性

第二步:

获取这个玩意到顶部的距离

在这里插入图片描述

created() {
	//获取胶囊按钮的数据
	this.tophight = uni.getMenuButtonBoundingClientRect()
}

this.tophight在这里插入图片描述

第三步:

动态绑定style即可

在这里插入图片描述
或者你不用它的高,用它的top也行

github上有详细的教程

github项目地址:https://github.com/lsh555/TmUniapp

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/weixin_45389051/article/details/111053579