<div v-if="!hide">
	<div class="nav-wrap" :style="{'height': height?height:'64px'}">
		<div v-if="barData.navBarColor" :style="{'position':'absolute','width':'100vw','height':height,'background-color':barData.navBarColor}"></div>
		<div class="nav-title" :style="{'line-height':('calc('+height+' - '+statusBarHeight+')'),'color': (barData.titleColor || '#fff'),'top':statusBarHeight}">
			<!-- {{barData.title || baiduTitle}} -->
			<slot name="titleImg"></slot>
		</div>
		<div v-if="barData.showCapsule&&!hideNavbarFlag" class="nav-capsule" :style="{'top':(statusBarHeight),height:('calc('+height+' - '+statusBarHeight+')')}" @click="navback" :data-url="(barData.url || '')">
			<div>
				<div class="back-pre" v-if="height && height.length>0" :style="{'border-color': (barData.titleColor || '#fff')}"></div>
			</div>
		</div>
	</div>
	<div v-if="barData.navPadding" class="nav-padding" :style="{'height':height,'background-color':(barData.navPaddingBg?barData.navPaddingBg:'#000'),'position':'relative'}" ></div>
</div>
