diff --git a/src/pages/index/Test.vue b/src/pages/index/Test.vue
new file mode 100644
index 0000000..6966de1
--- /dev/null
+++ b/src/pages/index/Test.vue
@@ -0,0 +1,11 @@
+<template>
+  <view class="content">
+    <view class="text-green-500">test</view>
+  </view>
+</template>
+
+<style>
+.content {
+  font-size: 40rpx;
+}
+</style>
diff --git a/src/pages/index/index.vue b/src/pages/index/index.vue
index c1a2a88..9d2abc1 100644
--- a/src/pages/index/index.vue
+++ b/src/pages/index/index.vue
@@ -8,12 +8,14 @@
       Demo Count: {{ countStore.count }}
       <button class="ml-2" @click="countStore.increment">新增</button>
     </view>
+    <Test />
   </view>
 </template>
 
 <script setup lang="ts" name="TestIndex">
 import { ref } from 'vue'
 import { useCountStore } from '@/store/count'
+import Test from './Test.vue'
 
 const countStore = useCountStore()
 const title = ref('Hello')