diff --git a/pages.config.ts b/pages.config.ts
index 8906405..b8cb24c 100644
--- a/pages.config.ts
+++ b/pages.config.ts
@@ -11,6 +11,7 @@ export default defineUniPages({
   easycom: {
     autoscan: true,
     custom: {
+      '^fg-(.*)': '@/components/fg-$1/fg-$1.vue',
       '^wd-(.*)': 'wot-design-uni/components/wd-$1/wd-$1.vue',
       '^(?!z-paging-refresh|z-paging-load-more)z-paging(.*)':
         'z-paging/components/z-paging$1/z-paging$1.vue',
diff --git a/src/components/fg-navbar/fg-navbar.vue b/src/components/fg-navbar/fg-navbar.vue
new file mode 100644
index 0000000..314fc27
--- /dev/null
+++ b/src/components/fg-navbar/fg-navbar.vue
@@ -0,0 +1,48 @@
+<script lang="ts" setup>
+withDefaults(defineProps<{
+  leftText?: string;
+  rightText?: string;
+  leftArrow?: boolean;
+  bordered?: boolean;
+  fixed?: boolean;
+  placeholder?: boolean;
+  zIndex?: number;
+  safeAreaInsetTop?: boolean;
+  leftDisabled?: boolean;
+  rightDisabled?: boolean;
+}>(), {
+  leftText: '返回',
+  rightText: '',
+  leftArrow: true,
+  bordered: true,
+  fixed: false,
+  placeholder: true,
+  zIndex: 1,
+  safeAreaInsetTop: true,
+  leftDisabled: false,
+  rightDisabled: false,
+});
+
+function handleClickLeft() {
+  uni.navigateBack({
+    fail() {
+      uni.reLaunch({
+        url: '/pages/index/index',
+      });
+    },
+  });
+}
+</script>
+
+<template>
+  <wd-navbar
+    :left-text="leftText" :right-text="rightText" :left-arrow="leftArrow"
+    :bordered="bordered" :fixed="fixed" :placeholder="placeholder" :z-index="zIndex"
+    :safe-area-inset-top="safeAreaInsetTop" :left-disabled="leftDisabled" :right-disabled="rightDisabled"
+    @click-left="handleClickLeft"
+  >
+    <template #title>
+      <slot />
+    </template>
+  </wd-navbar>
+</template>
diff --git a/src/pages/about/about.vue b/src/pages/about/about.vue
index 74edaaf..95340f1 100644
--- a/src/pages/about/about.vue
+++ b/src/pages/about/about.vue
@@ -11,6 +11,7 @@
     class="bg-white overflow-hidden pt-2 px-4"
     :style="{ marginTop: safeAreaInsets?.top + 'px' }"
   >
+    <fg-navbar>关于</fg-navbar>
     <view class="text-center text-3xl mt-8">
       鸽友们好，我是
       <text class="text-red-500">菲鸽</text>