fjjgpt/src/layout/components/Navbar.vue

<template>
  <header>
    <span>{{ route.meta.title || '福建水利监管工作平台' }}</span>
  </header>
</template>
<script setup>
import { onMounted, onUnmounted } from 'vue'
import { useRoute } from "vue-router";
const route = useRoute()


onMounted(() => {
})
onUnmounted(() => {
})

</script>
<style lang="scss" scoped>
/* 头部样式 */
header {
  background-color: #007BFF;
  color: white;
  text-align: center;
  padding: 8px 0;
  font-size: 1.2rem;
}
</style>