modify

.vscode/extensions.json

@@ -0,0 +1,5 @@
+{
+    "recommendations": [
+        "wxzhang.json-comments"
+    ]
+}

package.json

@@ -64,5 +64,13 @@
         "@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": "背景颜色"
+        }
     }
 }

readme.md

@@ -10,3 +10,8 @@ pnpm install
 # h5启动
 pnpm dev:h5
 ```
+
+## 工程目录
+
+- pages-页面按功能模块划分
+- static-竞态图片文件

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"
+			}
+		]
 	}
 }

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>

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>

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>