diff --git a/entry/src/main/ets/components/HomeContent.ets b/entry/src/main/ets/components/HomeContent.ets
new file mode 100644
index 0000000..d1886e6
--- /dev/null
+++ b/entry/src/main/ets/components/HomeContent.ets
@@ -0,0 +1,15 @@
+@Component
+export struct HomeContent {
+  build() {
+    Column() {
+      Text('首页')
+        .fontSize(20)
+        .fontWeight(FontWeight.Bold)
+        .fontColor('#333333')
+    }
+    .width('100%')
+    .height('100%')
+    .justifyContent(FlexAlign.Center)
+    .alignItems(HorizontalAlign.Center)
+  }
+}
diff --git a/entry/src/main/ets/components/MineContent.ets b/entry/src/main/ets/components/MineContent.ets
new file mode 100644
index 0000000..8f66937
--- /dev/null
+++ b/entry/src/main/ets/components/MineContent.ets
@@ -0,0 +1,15 @@
+@Component
+export struct MineContent {
+  build() {
+    Column() {
+      Text('我的')
+        .fontSize(20)
+        .fontWeight(FontWeight.Bold)
+        .fontColor('#333333')
+    }
+    .width('100%')
+    .height('100%')
+    .justifyContent(FlexAlign.Center)
+    .alignItems(HorizontalAlign.Center)
+  }
+}
diff --git a/entry/src/main/ets/components/QuestionBankContent.ets b/entry/src/main/ets/components/QuestionBankContent.ets
new file mode 100644
index 0000000..3d080f4
--- /dev/null
+++ b/entry/src/main/ets/components/QuestionBankContent.ets
@@ -0,0 +1,15 @@
+@Component
+export struct QuestionBankContent {
+  build() {
+    Column() {
+      Text('题库')
+        .fontSize(20)
+        .fontWeight(FontWeight.Bold)
+        .fontColor('#333333')
+    }
+    .width('100%')
+    .height('100%')
+    .justifyContent(FlexAlign.Center)
+    .alignItems(HorizontalAlign.Center)
+  }
+}
diff --git a/entry/src/main/ets/components/StatsContent.ets b/entry/src/main/ets/components/StatsContent.ets
new file mode 100644
index 0000000..89359e3
--- /dev/null
+++ b/entry/src/main/ets/components/StatsContent.ets
@@ -0,0 +1,15 @@
+@Component
+export struct StatsContent {
+  build() {
+    Column() {
+      Text('学习统计')
+        .fontSize(20)
+        .fontWeight(FontWeight.Bold)
+        .fontColor('#333333')
+    }
+    .width('100%')
+    .height('100%')
+    .justifyContent(FlexAlign.Center)
+    .alignItems(HorizontalAlign.Center)
+  }
+}
diff --git a/entry/src/main/ets/pages/HomePage.ets b/entry/src/main/ets/pages/HomePage.ets
index 2678752..05826cd 100644
--- a/entry/src/main/ets/pages/HomePage.ets
+++ b/entry/src/main/ets/pages/HomePage.ets
@@ -1,3 +1,8 @@
+import { HomeContent } from '../components/HomeContent';
+import { QuestionBankContent } from '../components/QuestionBankContent';
+import { StatsContent } from '../components/StatsContent';
+import { MineContent } from '../components/MineContent';
+
 @Entry
 @Component
 struct HomePage {
@@ -6,14 +11,24 @@ struct HomePage {
   build() {
     Tabs({ barPosition: BarPosition.End, index: this.currentIndex }) {
       TabContent() {
-        this.HomeContent()
+        HomeContent()
       }
       .tabBar(this.TabBarItem(0, '首页', '○'))
 
       TabContent() {
-        this.MineContent()
+        QuestionBankContent()
       }
-      .tabBar(this.TabBarItem(1, '我的', '○'))
+      .tabBar(this.TabBarItem(1, '题库', '○'))
+
+      TabContent() {
+        StatsContent()
+      }
+      .tabBar(this.TabBarItem(2, '统计', '○'))
+
+      TabContent() {
+        MineContent()
+      }
+      .tabBar(this.TabBarItem(3, '我的', '○'))
     }
     .barMode(BarMode.Fixed)
     .onChange((index: number) => {
@@ -40,32 +55,4 @@ struct HomePage {
     .justifyContent(FlexAlign.Center)
     .alignItems(HorizontalAlign.Center)
   }
-
-  @Builder
-  HomeContent() {
-    Column() {
-      Text('首页')
-        .fontSize(20)
-        .fontWeight(FontWeight.Bold)
-        .fontColor('#333333')
-    }
-    .width('100%')
-    .height('100%')
-    .justifyContent(FlexAlign.Center)
-    .alignItems(HorizontalAlign.Center)
-  }
-
-  @Builder
-  MineContent() {
-    Column() {
-      Text('我的')
-        .fontSize(20)
-        .fontWeight(FontWeight.Bold)
-        .fontColor('#333333')
-    }
-    .width('100%')
-    .height('100%')
-    .justifyContent(FlexAlign.Center)
-    .alignItems(HorizontalAlign.Center)
-  }
 }