diff --git a/pages.config.ts b/pages.config.ts
index 42876f9..c3d1daa 100644
--- a/pages.config.ts
+++ b/pages.config.ts
@@ -11,6 +11,9 @@ export default defineUniPages({
   easycom: {
     autoscan: true,
     custom: {
+      // 以 Fly 开头的组件，在 components 文件夹中查找引入（需要重启服务器）
+      '^Fly(.*)': '@/components/fly-$1/fly-$1.vue',
+      '^fly-(.*)': '@/components/fly-$1/fly-$1.vue',
       // uni-ui 规则如下配置
       '^uni-(.*)': '@dcloudio/uni-ui/lib/uni-$1/uni-$1.vue',
     },
diff --git a/src/components/fly-header/fly-header.vue b/src/components/fly-header/fly-header.vue
new file mode 100644
index 0000000..9e34a4b
--- /dev/null
+++ b/src/components/fly-header/fly-header.vue
@@ -0,0 +1,3 @@
+<template>
+  <view class="text-green-500"> header </view>
+</template>
diff --git a/src/pages.json b/src/pages.json
index 7ad2414..2d2d41d 100644
--- a/src/pages.json
+++ b/src/pages.json
@@ -16,6 +16,8 @@
   "easycom": {
     "autoscan": true,
     "custom": {
+      "^Fly(.*)": "@/components/fly-$1/fly-$1.vue",
+      "^fly-(.*)": "@/components/fly-$1/fly-$1.vue",
       "^uni-(.*)": "@dcloudio/uni-ui/lib/uni-$1/uni-$1.vue"
     }
   },
diff --git a/src/pages/index/index.vue b/src/pages/index/index.vue
index 2df04c7..1869a47 100644
--- a/src/pages/index/index.vue
+++ b/src/pages/index/index.vue
@@ -16,6 +16,7 @@
     <uni-badge text="1"></uni-badge>
     <!-- Sun in light mode, Moon in dark mode, from Carbon -->
     <button class="i-carbon-sun dark:i-carbon-moon" />
+    <fly-header></fly-header>
   </view>
 </template>