<!--
 * @Date: 2026-01-29 21:09:28
 * @LastEditors: hookehuyr hookehuyr@gmail.com
 * @LastEditTime: 2026-01-29 21:18:14
 * @FilePath: /manulife-weapp/src/components/NavHeader.vue
 * @Description: 通用导航头组件，用于页面顶部固定导航栏，展示页面标题。
-->
<template>
  <!-- Placeholder to prevent content from being hidden behind fixed header -->
  <div class="w-full h-[250rpx]"></div>
  <!-- Fixed Header -->
  <div class="fixed top-0 left-0 z-50 w-full h-[250rpx] bg-gradient-to-b from-[#1E3A8A] to-[#2563EB] flex items-center justify-center pt-[100rpx]">
    <span class="text-white text-[35rpx] font-normal">{{ title }}</span>
  </div>
</template>

<script setup>
defineProps({
  title: {
    type: String,
    required: true
  }
})
</script>