53 lines
1.3 KiB
Vue
53 lines
1.3 KiB
Vue
<script setup>
|
|
import { useAppHeaderRouteNames as routeWhiteList } from '@/config'
|
|
import { goodStore } from "@/stores/goods/index.js";
|
|
const { fullLive } = goodStore()
|
|
const route = useRoute()
|
|
const router = useRouter()
|
|
|
|
function onBack() {
|
|
if (fullLive.value){
|
|
fullLive.value=false
|
|
return
|
|
}
|
|
if (window.history.state.back)
|
|
history.back()
|
|
else
|
|
router.replace('/')
|
|
}
|
|
|
|
const { t } = useI18n()
|
|
|
|
const title = computed(() => {
|
|
|
|
if (!route.meta)
|
|
return ''
|
|
return route.meta.i18n ? t(route.meta.i18n) : (route.meta.title || '')
|
|
})
|
|
const subTitle = computed(() => {
|
|
if (!route.meta)
|
|
return ''
|
|
return route.meta.subTitle ? t(route.meta.subTitle) : ''
|
|
})
|
|
const showLeftArrow = computed(() => route.name && routeWhiteList.includes(route.name))
|
|
|
|
</script>
|
|
|
|
<template>
|
|
<VanNavBar
|
|
v-memo="[title,fullLive,showLeftArrow,subTitle]"
|
|
:title="title"
|
|
:left-arrow="!showLeftArrow||fullLive"
|
|
placeholder clickable fixed
|
|
@click-left="onBack"
|
|
>
|
|
<template #title v-if="route.meta.i18n==='menu.goods'">
|
|
|
|
<div class="flex flex-col items-center justify-center">
|
|
<div class="text-#000000 text-17px mb-5px font-600">{{ title }}</div>
|
|
<div class="text-#939393 text-10px line-height-none font-100">{{subTitle}}</div>
|
|
</div>
|
|
</template>
|
|
</VanNavBar>
|
|
</template>
|