1. 程式人生 > 其它 >UNI-APP_uni-ap自動獲取狀態列高度,自定義導航欄元件

UNI-APP_uni-ap自動獲取狀態列高度,自定義導航欄元件

技術標籤:UNI-APP

uni-ap自動獲取狀態列高度屬性

uni.getSystemInfoSync().statusBarHeight

在這裡插入圖片描述

元件定義:

<template>
	<view>
	
		<view class="mp-header">
			<view class="sys-head"  :style="{ height: statusBarHeight }"></view>
			<view class="serch-box"
style="height: 43px;">
<view class="serch-wrapper flex"> <view class="logo" @tap="onreturn"> <image src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAzCAYAAACE92h3AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAUZJREFUeNq82EsKwjAQBuD2mrrTrTdw4cKFINKmrSVK9QZexpsIrnQTp6IgtZk0zfwZmFDQ8DFlaB6pMSYBx4JyRnmjXCctCMzSdAKJVaYnUFhhLBHlNf6EjlYZxfndoDExSVANwaRArrJT9//Iypq+OajKGtu8aJWFgFxlR9f8qJgvWIZiPiBX2cHnLYVi2rcHQrpRj+lw7sdcGuNADqtDvk5RsT4QinVBrkH2Uuvm90EzWCW5K2iHiQV6Uu6k9zztcLGAV8Qmqx3mFvBBuUWAyefja4sCAbq6tECALlQhQNfqoBCgC80RIKzSkMU3R4DilUrsaRQCtJ5ofVGRY7QPKnZ2H9pIiGN1hgBdlWYIcFSlsPsYGyq1ztVDUcnVfBAqvWdxooibKA7doO7a6ph3bSyKvi/929GnEW6El5RTyjvl6iXAACUHYeTCFiIMAAAAAElFTkSuQmCC"
>
</image> {{title}} </view> </view> </view> </view> <view style="height:63px"></view> </view> </template> <script> var statusBarHeight = uni.getSystemInfoSync().statusBarHeight + 'px'; export default { props:
["title"], components: { }, data() { return { statusBarHeight: statusBarHeight, } }, onLoad(options) { }, created() { // console.log(this.title) }, methods: { //返回上一頁 onreturn(){ uni.navigateBack(); } }, }
</script> <style lang="scss" scoped> .mp-header { background: url("data:image/png;base64,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"); background-size: 100% 100%; background-repeat: no-repeat; z-index: 999; position: fixed; left: 0; top: 0; width: 100%; background-color: url("data:image/png;base64,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");; .serch-box{ width: 100%; height: 120rpx; background: #fff; background-size: 100% 100%; padding-left: 20rpx; } .serch-wrapper { height: 100%; align-items: center; // margin-top: 20rpx; .logo{ font-size: 33rpx; margin-right: 31rpx; color: #fff; display: flex; align-items: center; } image { width: 18rpx; height: 33rpx; margin-right: 15rpx; } } } </style>

使用:

import Header from '@/components/header/index.vue';
export default {
	components: {
		Header
	},
}
<Header :title="'個人中心'" />