<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.png" mode="aspectFit" class="backImg" @click="goback"></image> <view class="navsx"></view> <image src="../../static/img/nav_icon_home.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(){ console.log(23+this.cj) if(this.cj==3){ //console.log(123) uni.switchTab({ url:'../../index/index' }) }else if(this.cj==4){ uni.switchTab({ url:'/pages/index/index' }) }else{ uni.switchTab({ url:'../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>