shell/components/homenav/nav.vue

<template>
	<view class="" >
		<!-- 自定义导航 -->
		<view class="zdyNavBox">
			<view class="status_bar" :style="{height: iStatusBarHeight + 'px'}"></view>
			<view class="zdyNav">
				<view class="zdyNavLeft">
					<image src="../../static/img/nav_icon_back_black.png" mode="aspectFit" class="backImg" @click="goback"></image>
					<view class="navsx"></view>
					<image src="../../static/img/nav_icon_home_black.png" mode="" class="homeImg" @click="gohome"></image>
				</view>
				<view class="zdyNavTitle">{{title}}</view>
				<view style="width: 250rpx;"></view>
			</view>
		</view>
		<view class="status_bar" :style="{height: iStatusBarHeight + 'px'}"></view>
		<view style="height: 44px;"></view>
		
		
	</view>
</template>

<script>
export default {
	props:['title','iStatusBarHeight','cj'],
	data() {
		return {
		}
	},
	onLoad(opt) {
	  
      //this.iStatusBarHeight = uni.getSystemInfoSync().statusBarHeight;
	},
	onShow() {
		
	},
	methods: {
		goback() {
			uni.navigateBack({
			 	delta: 1
			})
		},
		gohome(){
			
				/* uni.switchTab({
					url:'../../pages/index/index'
				}) */
			uni.navigateTo({
				url:'/pages/index/index'
			})
			
		},
	}
}
</script>

<style scoped>
	.zdyNavBox{
		width: 100vw;
		background: #FFFFFF;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 9999999;
	}
	.zdyNav{
		height: 44px;
		display: flex;
		justify-content: space-between;
		
		align-items: center;
	}
	
	.backImg{
		width: 44rpx;
		height: 44rpx;
		/* margin-left: 10rpx; */
		/* margin-right: 20rpx; */
	}
	.navsx{
		width: 2rpx;
		height: 44rpx;
		background: #e1e1e1;
		margin: 0 26rpx 0rpx 18rpx;
	}
	.homeImg{
		width: 44rpx;
		height: 44rpx;
		
	}
	.zdyNavLeft{
		display: flex;
		align-items: center;
        border: 1px solid #e1e1e1;
		margin-left: 15rpx;
		border-radius: 35rpx;
		padding: 10rpx 23rpx 8rpx 13rpx;
		
	}
	.zdyNavTitle{
		width: 100vw;
		height: 44px;
		background: #FFFFFF;
		text-align: center;
		font-size: 34rpx;
		line-height: 44px;
	}
	
	
</style>