diff --git a/src/pages/family/index.module.scss b/src/pages/family/index.module.scss
new file mode 100644
index 0000000..c6bf842
--- /dev/null
+++ b/src/pages/family/index.module.scss
@@ -0,0 +1,10 @@
+.page {
+  min-height: 100vh;
+  background: $color-bg;
+}
+
+.emptyWrap {
+  margin-top: 200px;
+  display: flex;
+  justify-content: center;
+}
diff --git a/src/pages/family/index.tsx b/src/pages/family/index.tsx
new file mode 100644
index 0000000..602c6f8
--- /dev/null
+++ b/src/pages/family/index.tsx
@@ -0,0 +1,15 @@
+import { View } from '@tarojs/components'
+import { Navbar } from '@/components/navbar'
+import { Empty } from '@/components/empty'
+import styles from './index.module.scss'
+
+export default function Family() {
+  return (
+    <View className={styles.page}>
+      <Navbar title="家庭圈" />
+      <View className={styles.emptyWrap}>
+        <Empty text="家庭圈功能即将上线" />
+      </View>
+    </View>
+  )
+}