tabar

src/pages.json

@@ -7,13 +7,42 @@
 	},
 	"pages": [ // pages 数组中第一项表示应用启动页
 		{
-			"path": "pages/index",
+			"path": "pages/home/index",
 			"style": {
-				"navigationBarTitleText": "小程序平台"
+				"navigationBarTitleText": "甲秀图库"
+			}
+		},
+        {
+			"path": "pages/mine/index",
+			"style": {
+				"navigationBarTitleText": "个人中心"
 			}
 		}
 	],
 	"globalStyle": {
-		"navigationStyle": "custom"
+		"navigationBarTextStyle": "black",
+		"navigationBarTitleText": "uni-app",
+		"navigationBarBackgroundColor": "#fff",
+		"backgroundColor": "#F8F8F8",
+		"app-plus": {
+			"background": "#efeff4"
+		}
+	},
+    "tabBar": {
+		"color": "#707070",
+		"selectedColor": "#0E7CE3",
+		"borderStyle": "black",
+		"backgroundColor": "#ffffff",
+		"list": [{
+			"pagePath": "pages/home/index",
+			"iconPath": "assets/image/home.png",
+			"selectedIconPath": "assets/image/home-select.png",
+			"text": "首页"
+		}, {
+			"pagePath": "pages/mine/index",
+			"iconPath": "assets/image/mine.png",
+			"selectedIconPath": "assets/image/mine-select.png",
+			"text": "我的"
+		}]
 	}
 }

src/pages/index.vue

@@ -9,12 +9,12 @@
 	<!-- #ifdef APP -->
 	<view class="container">APP环境</view>
 	<!-- #endif -->
-	<van-tabbar v-model="active" :placeholder="true" active-color="#0E7CE3" route>
+	<!-- <van-tabbar v-model="active" :placeholder="true" active-color="#0E7CE3" route>
 		<van-tabbar-item icon="home-o" to="/home">首页</van-tabbar-item>
 		<van-tabbar-item icon="apps-o" to="/prefecture">专区</van-tabbar-item>
 		<van-tabbar-item icon="send-gift-o" to="/subject">专题</van-tabbar-item>
 		<van-tabbar-item icon="user-o" to="/mine">我的</van-tabbar-item>
-	</van-tabbar>
+	</van-tabbar> -->
 </template>
 <script setup>
 	import {

src/pages/test/index.vue → src/pages/mine/index.vue

-<script>
-export default {
-data() {
-return {
-}
-}
-}
-</script>
 <template>
-    123456789
+    <div>
+        <h1>我的</h1>
+    </div>
 </template>
+
+<script setup>
+
+</script>
+
 <style scoped>
 </style>
\ No newline at end of file