uniapp自定义导航栏返回按键

html

&lt;!-- #ifdef MP-WEIXIN || APP-PLUS --&gt;
&lt;view class="tc  header"
	:style="topBarHeight() == 0 ? '' : 'height:' + topBarHeight() + 'px;padding-top:' + topBarTop() + 'px'"&gt;
	&lt;view class="reg180" :style="topBarHeight() == 0 ? '' : 'height:' + topBarHeight() + 'px;'">
		<image @click="goback" src="/static/icon/back-jianatou.png" mode="" style="width: 48rpx;height: 48rpx;">
			</image>
		</view>
	</view>
<!-- #endif -->

js

goback() {
		let routes = getCurrentPages(); // 获取当前打开过的页面路由数组
		console.log(routes.length);
		if (routes.length <= 1) {
			this.gotoPage('/pages/index/index');
			} else {
				uni.navigateBack();
			}
	},

css

.reg180 {
		padding-right: 20rpx;
		text-align: center;
		transform: rotateY(180deg);
		display: flex;
		justify-content: flex-end;
		align-items: center;
	}

	.header {
		z-index: 99;
		position: fixed;
		height: 30px;
		line-height: 30px;
		top: 0;
		left: 0;
		width: 100%;
		padding-top: var(--status-bar-height);
	}
	

	.header .reg180 .icon-jiantou {
		color: #ffffff;
		background: rgba($color: #000000, $alpha: 0.6);
		display: block;
		width: 44rpx;
		height: 44rpx;
		line-height: 44rpx;
		border-radius: 50%;
	}