1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
<template>
<van-nav-bar
:title="title"
left-arrow
@click-left="onClickLeft"
fixed
placeholder
/>
</template>
<script lang="ts" setup>
import { useRouter } from 'vue-router'
defineProps({
title: {
type: String,
default: ''
}
})
const router = useRouter()
const onClickLeft = () => {
router.back()
}
</script>
<style lang="scss" scoped>
:deep(.van-nav-bar) {
background-color: $primary-color;
.van-nav-bar__title {
color: #fff;
}
.van-icon {
color: #fff;
}
}
</style>