uniapp自定义头部导航怎么实现?

一、在pages.json文件里边写上自定义属性

"navigationStyle": "custom"

二、在对应的index页面写上以下:




	新乡市

三、在script标签的return里边写上

headheight: '',

四、在onLoad()周期里面写上

const systemInfo = uni.getSystemInfoSync();
const windowHeight = systemInfo.statusBarHeight;
this.headheight = windowHeight;

五、style

.head {
		display: flex;
		justify-content: center;
		align-items: center;
		position: fixed;
		height: 100rpx;
		width: 100%;
		z-index: 99;
	}

效果:uniapp自定义头部导航怎么实现?_第1张图片

你可能感兴趣的:(uni-app,前端)