<template>
|
<van-nav-bar :title="title" :left-arrow="showLeft" @click-left="onClickLeft">
|
<template #title>
|
<slot name="title"></slot>
|
</template>
|
<template #right>
|
<slot name="right"></slot>
|
</template>
|
</van-nav-bar>
|
</template>
|
|
<script setup>
|
import { useRouter } from 'vue-router'
|
const emit = defineEmits(['back'])
|
const props = defineProps({
|
title: {
|
type: String,
|
default: ''
|
},
|
// 是否路由返回
|
back: {
|
default: true
|
},
|
showLeft: {
|
type: Boolean,
|
default: true
|
},
|
})
|
|
const router = useRouter();
|
|
// 返回
|
const onClickLeft = () => {
|
return props.back ? router.back() : emit('back')
|
}
|
|
</script>
|
|
<style lang="scss" scoped>
|
@import "@/assets/theme/index.scss";
|
|
:deep(.van-icon) {
|
font-size: 18px;
|
// color: $text_color;
|
}
|
|
:deep(.van-nav-bar__title) {
|
@include themify() {
|
color: themed("text_color");
|
}
|
// color: $text_color;
|
}
|
</style>
|
