diff --git a/.vscode/extensions.json b/.vscode/extensions.json
new file mode 100644
index 0000000..92a90dc
--- /dev/null
+++ b/.vscode/extensions.json
@@ -0,0 +1,5 @@
+{
+    "recommendations": [
+        "wxzhang.json-comments"
+    ]
+}
\ No newline at end of file
diff --git a/package.json b/package.json
index 2a0a565..6c18c36 100644
--- a/package.json
+++ b/package.json
@@ -1,68 +1,76 @@
 {
-  "name": "uni-preset-vue",
-  "version": "0.0.0",
-  "scripts": {
-    "dev:custom": "uni -p",
-    "dev:h5": "uni",
-    "dev:h5:ssr": "uni --ssr",
-    "dev:mp-alipay": "uni -p mp-alipay",
-    "dev:mp-baidu": "uni -p mp-baidu",
-    "dev:mp-jd": "uni -p mp-jd",
-    "dev:mp-kuaishou": "uni -p mp-kuaishou",
-    "dev:mp-lark": "uni -p mp-lark",
-    "dev:mp-qq": "uni -p mp-qq",
-    "dev:mp-toutiao": "uni -p mp-toutiao",
-    "dev:mp-harmony": "uni -p mp-harmony",
-    "dev:mp-weixin": "uni -p mp-weixin",
-    "dev:mp-xhs": "uni -p mp-xhs",
-    "dev:quickapp-webview": "uni -p quickapp-webview",
-    "dev:quickapp-webview-huawei": "uni -p quickapp-webview-huawei",
-    "dev:quickapp-webview-union": "uni -p quickapp-webview-union",
-    "build:custom": "uni build -p",
-    "build:h5": "uni build",
-    "build:h5:ssr": "uni build --ssr",
-    "build:mp-alipay": "uni build -p mp-alipay",
-    "build:mp-baidu": "uni build -p mp-baidu",
-    "build:mp-jd": "uni build -p mp-jd",
-    "build:mp-kuaishou": "uni build -p mp-kuaishou",
-    "build:mp-lark": "uni build -p mp-lark",
-    "build:mp-qq": "uni build -p mp-qq",
-    "build:mp-toutiao": "uni build -p mp-toutiao",
-    "build:mp-harmony": "uni build -p mp-harmony",
-    "build:mp-weixin": "uni build -p mp-weixin",
-    "build:mp-xhs": "uni build -p mp-xhs",
-    "build:quickapp-webview": "uni build -p quickapp-webview",
-    "build:quickapp-webview-huawei": "uni build -p quickapp-webview-huawei",
-    "build:quickapp-webview-union": "uni build -p quickapp-webview-union"
-  },
-  "dependencies": {
-    "@dcloudio/uni-app": "3.0.0-4050720250324001",
-    "@dcloudio/uni-app-harmony": "3.0.0-4050720250324001",
-    "@dcloudio/uni-app-plus": "3.0.0-4050720250324001",
-    "@dcloudio/uni-components": "3.0.0-4050720250324001",
-    "@dcloudio/uni-h5": "3.0.0-4050720250324001",
-    "@dcloudio/uni-mp-alipay": "3.0.0-4050720250324001",
-    "@dcloudio/uni-mp-baidu": "3.0.0-4050720250324001",
-    "@dcloudio/uni-mp-harmony": "3.0.0-4050720250324001",
-    "@dcloudio/uni-mp-jd": "3.0.0-4050720250324001",
-    "@dcloudio/uni-mp-kuaishou": "3.0.0-4050720250324001",
-    "@dcloudio/uni-mp-lark": "3.0.0-4050720250324001",
-    "@dcloudio/uni-mp-qq": "3.0.0-4050720250324001",
-    "@dcloudio/uni-mp-toutiao": "3.0.0-4050720250324001",
-    "@dcloudio/uni-mp-weixin": "3.0.0-4050720250324001",
-    "@dcloudio/uni-mp-xhs": "3.0.0-4050720250324001",
-    "@dcloudio/uni-quickapp-webview": "3.0.0-4050720250324001",
-    "pnpm": "^10.10.0",
-    "vue": "^3.4.21",
-    "vue-i18n": "^9.1.9"
-  },
-  "devDependencies": {
-    "@dcloudio/types": "^3.4.8",
-    "@dcloudio/uni-automator": "3.0.0-4050720250324001",
-    "@dcloudio/uni-cli-shared": "3.0.0-4050720250324001",
-    "@dcloudio/uni-stacktracey": "3.0.0-4050720250324001",
-    "@dcloudio/vite-plugin-uni": "3.0.0-4050720250324001",
-    "@vue/runtime-core": "^3.4.21",
-    "vite": "5.2.8"
-  }
-}
+    "name": "uni-preset-vue",
+    "version": "0.0.0",
+    "scripts": {
+        "dev:custom": "uni -p",
+        "dev:h5": "uni",
+        "dev:h5:ssr": "uni --ssr",
+        "dev:mp-alipay": "uni -p mp-alipay",
+        "dev:mp-baidu": "uni -p mp-baidu",
+        "dev:mp-jd": "uni -p mp-jd",
+        "dev:mp-kuaishou": "uni -p mp-kuaishou",
+        "dev:mp-lark": "uni -p mp-lark",
+        "dev:mp-qq": "uni -p mp-qq",
+        "dev:mp-toutiao": "uni -p mp-toutiao",
+        "dev:mp-harmony": "uni -p mp-harmony",
+        "dev:mp-weixin": "uni -p mp-weixin",
+        "dev:mp-xhs": "uni -p mp-xhs",
+        "dev:quickapp-webview": "uni -p quickapp-webview",
+        "dev:quickapp-webview-huawei": "uni -p quickapp-webview-huawei",
+        "dev:quickapp-webview-union": "uni -p quickapp-webview-union",
+        "build:custom": "uni build -p",
+        "build:h5": "uni build",
+        "build:h5:ssr": "uni build --ssr",
+        "build:mp-alipay": "uni build -p mp-alipay",
+        "build:mp-baidu": "uni build -p mp-baidu",
+        "build:mp-jd": "uni build -p mp-jd",
+        "build:mp-kuaishou": "uni build -p mp-kuaishou",
+        "build:mp-lark": "uni build -p mp-lark",
+        "build:mp-qq": "uni build -p mp-qq",
+        "build:mp-toutiao": "uni build -p mp-toutiao",
+        "build:mp-harmony": "uni build -p mp-harmony",
+        "build:mp-weixin": "uni build -p mp-weixin",
+        "build:mp-xhs": "uni build -p mp-xhs",
+        "build:quickapp-webview": "uni build -p quickapp-webview",
+        "build:quickapp-webview-huawei": "uni build -p quickapp-webview-huawei",
+        "build:quickapp-webview-union": "uni build -p quickapp-webview-union"
+    },
+    "dependencies": {
+        "@dcloudio/uni-app": "3.0.0-4050720250324001",
+        "@dcloudio/uni-app-harmony": "3.0.0-4050720250324001",
+        "@dcloudio/uni-app-plus": "3.0.0-4050720250324001",
+        "@dcloudio/uni-components": "3.0.0-4050720250324001",
+        "@dcloudio/uni-h5": "3.0.0-4050720250324001",
+        "@dcloudio/uni-mp-alipay": "3.0.0-4050720250324001",
+        "@dcloudio/uni-mp-baidu": "3.0.0-4050720250324001",
+        "@dcloudio/uni-mp-harmony": "3.0.0-4050720250324001",
+        "@dcloudio/uni-mp-jd": "3.0.0-4050720250324001",
+        "@dcloudio/uni-mp-kuaishou": "3.0.0-4050720250324001",
+        "@dcloudio/uni-mp-lark": "3.0.0-4050720250324001",
+        "@dcloudio/uni-mp-qq": "3.0.0-4050720250324001",
+        "@dcloudio/uni-mp-toutiao": "3.0.0-4050720250324001",
+        "@dcloudio/uni-mp-weixin": "3.0.0-4050720250324001",
+        "@dcloudio/uni-mp-xhs": "3.0.0-4050720250324001",
+        "@dcloudio/uni-quickapp-webview": "3.0.0-4050720250324001",
+        "pnpm": "^10.10.0",
+        "vue": "^3.4.21",
+        "vue-i18n": "^9.1.9"
+    },
+    "devDependencies": {
+        "@dcloudio/types": "^3.4.8",
+        "@dcloudio/uni-automator": "3.0.0-4050720250324001",
+        "@dcloudio/uni-cli-shared": "3.0.0-4050720250324001",
+        "@dcloudio/uni-stacktracey": "3.0.0-4050720250324001",
+        "@dcloudio/vite-plugin-uni": "3.0.0-4050720250324001",
+        "@vue/runtime-core": "^3.4.21",
+        "vite": "5.2.8"
+    },
+    "json-comments": {
+        "tips": "请安装JSONComments插件为JSON文件提供注释功能, 详见: https://github.com/zhangfisher/json_comments_extension",
+        "src/pages.json": {
+            "tabBar.color": " 默认文字颜色",
+            "tabBar.selectedColor": "选中时文字颜色",
+            "tabBar.backgroundColor": "背景颜色"
+        }
+    }
+}
\ No newline at end of file
diff --git a/readme.md b/readme.md
index 92e91f9..a2c3f77 100644
--- a/readme.md
+++ b/readme.md
@@ -10,3 +10,8 @@ pnpm install
 # h5启动
 pnpm dev:h5
 ```
+
+## 工程目录
+
+- pages-页面按功能模块划分
+- static-竞态图片文件
\ No newline at end of file
diff --git a/src/pages.json b/src/pages.json
index f6919b1..bc93c2c 100644
--- a/src/pages.json
+++ b/src/pages.json
@@ -1,7 +1,25 @@
 {
 	"pages": [
 		{
-			"path": "pages/index/index",
+			"path": "pages/home/home",
+			"style": {
+				"navigationBarTitleText": "uni-app"
+			}
+		},
+		{
+			"path": "pages/order/index",
+			"style": {
+				"navigationBarTitleText": "uni-app"
+			}
+		},
+		{
+			"path": "pages/chat/index",
+			"style": {
+				"navigationBarTitleText": "uni-app"
+			}
+		},
+		{
+			"path": "pages/personal/index",
 			"style": {
 				"navigationBarTitleText": "uni-app"
 			}
@@ -12,5 +30,37 @@
 		"navigationBarTitleText": "uni-app",
 		"navigationBarBackgroundColor": "#F8F8F8",
 		"backgroundColor": "#F8F8F8"
+	},
+	"tabBar": {
+		"color": "#7A7E83",
+		"selectedColor": "#007AFF",
+		"backgroundColor": "#FFFFFF",
+		"borderStyle": "black",
+		"list": [
+			{
+				"pagePath": "pages/home/home",
+				"text": "首页",
+				"iconPath": "static/tabbar/home.png",
+				"selectedIconPath": "static/tabbar/home-active.png"
+			},
+			{
+				"pagePath": "pages/order/index",
+				"text": "订单",
+				"iconPath": "static/tabbar/cart.png",
+				"selectedIconPath": "static/tabbar/cart-active.png"
+			},
+			{
+				"pagePath": "pages/chat/index",
+				"text": "消息",
+				"iconPath": "static/tabbar/user.png",
+				"selectedIconPath": "static/tabbar/user-active.png"
+			},
+			{
+				"pagePath": "pages/personal/index",
+				"text": "我的",
+				"iconPath": "static/tabbar/user.png",
+				"selectedIconPath": "static/tabbar/user-active.png"
+			}
+		]
 	}
 }
\ No newline at end of file
diff --git a/src/pages/chat/index.vue b/src/pages/chat/index.vue
new file mode 100644
index 0000000..892a00f
--- /dev/null
+++ b/src/pages/chat/index.vue
@@ -0,0 +1,43 @@
+<template>
+    <view>{{title}}</view>
+</template>
+
+<script>
+export default {
+  data() {
+    return {
+      title: '聊天首页',
+    }
+  },
+  onLoad() {},
+  methods: {},
+}
+</script>
+
+<style>
+.content {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+}
+
+.logo {
+  height: 200rpx;
+  width: 200rpx;
+  margin-top: 200rpx;
+  margin-left: auto;
+  margin-right: auto;
+  margin-bottom: 50rpx;
+}
+
+.text-area {
+  display: flex;
+  justify-content: center;
+}
+
+.title {
+  font-size: 36rpx;
+  color: #8f8f94;
+}
+</style>
\ No newline at end of file
diff --git a/src/pages/index/index.vue b/src/pages/home/home.vue
similarity index 100%
rename from src/pages/index/index.vue
rename to src/pages/home/home.vue
diff --git a/src/pages/order/index.vue b/src/pages/order/index.vue
new file mode 100644
index 0000000..a276e95
--- /dev/null
+++ b/src/pages/order/index.vue
@@ -0,0 +1,43 @@
+<template>
+    <view>{{title}}</view>
+</template>
+
+<script>
+export default {
+  data() {
+    return {
+      title: '订单首页',
+    }
+  },
+  onLoad() {},
+  methods: {},
+}
+</script>
+
+<style>
+.content {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+}
+
+.logo {
+  height: 200rpx;
+  width: 200rpx;
+  margin-top: 200rpx;
+  margin-left: auto;
+  margin-right: auto;
+  margin-bottom: 50rpx;
+}
+
+.text-area {
+  display: flex;
+  justify-content: center;
+}
+
+.title {
+  font-size: 36rpx;
+  color: #8f8f94;
+}
+</style>
\ No newline at end of file
diff --git a/src/pages/personal/index.vue b/src/pages/personal/index.vue
new file mode 100644
index 0000000..3f1ca7c
--- /dev/null
+++ b/src/pages/personal/index.vue
@@ -0,0 +1,43 @@
+<template>
+    <view>{{title}}</view>
+</template>
+
+<script>
+export default {
+  data() {
+    return {
+      title: '个人中心首页',
+    }
+  },
+  onLoad() {},
+  methods: {},
+}
+</script>
+
+<style>
+.content {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+}
+
+.logo {
+  height: 200rpx;
+  width: 200rpx;
+  margin-top: 200rpx;
+  margin-left: auto;
+  margin-right: auto;
+  margin-bottom: 50rpx;
+}
+
+.text-area {
+  display: flex;
+  justify-content: center;
+}
+
+.title {
+  font-size: 36rpx;
+  color: #8f8f94;
+}
+</style>
\ No newline at end of file