33 lines
829 B
Vue
33 lines
829 B
Vue
|
<template>
|
||
|
|
<div class="from-sky-100/20 to-white bg-gradient-to-b min-h-screen">
|
||
|
|
<van-nav-bar fixed :border="false" placeholder :title="pageTitle" left-arrow @click-left="onClickLeft"
|
||
|
|
z-index="9999" />
|
||
|
|
<router-view />
|
||
|
|
</div>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<script setup>
|
||
|
|
import { ref, watch, onMounted } from "vue";
|
||
|
|
import { useRouter, useRoute } from "vue-router";
|
||
|
|
|
||
|
|
const router = useRouter();
|
||
|
|
const route = useRoute();
|
||
|
|
const pageTitle = ref(""); // 用来保存页面标题
|
||
|
|
|
||
|
|
const onClickLeft = () => {
|
||
|
|
// 使用 router 的返回功能
|
||
|
|
router.back();
|
||
|
|
};
|
||
|
|
onMounted(() => { });
|
||
|
|
// 监听路由变化并更新标题
|
||
|
|
watch(
|
||
|
|
() => route.meta.title,
|
||
|
|
(newTitle) => {
|
||
|
|
pageTitle.value = newTitle || "默认标题";
|
||
|
|
},
|
||
|
|
{ immediate: true }
|
||
|
|
);
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<style lang="scss" scoped></style>
|