tabBar 底部导航栏

.idea/git_toolbox_prj.xml

@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="GitToolBoxProjectSettings">
+    <option name="commitMessageIssueKeyValidationOverride">
+      <BoolValueOverride>
+        <option name="enabled" value="true" />
+      </BoolValueOverride>
+    </option>
+    <option name="commitMessageValidationEnabledOverride">
+      <BoolValueOverride>
+        <option name="enabled" value="true" />
+      </BoolValueOverride>
+    </option>
+  </component>
+</project>

manifest.json

@@ -50,7 +50,7 @@
     "quickapp" : {},
     /* 小程序特有相关 */
     "mp-weixin" : {
-        "appid" : "",
+        "appid" : "wxc0f09a4756ce00aa",
         "setting" : {
             "urlCheck" : false
         },

pages.json

@@ -3,15 +3,41 @@
 		{
 			"path": "pages/index/index",
 			"style": {
-				"navigationBarTitleText": "uni-app"
+				"navigationBarTitleText": "首页"
+			}
+		},
+		{
+			"path" : "pages/my-info/my-info",
+			"style" :
+			{
+				"navigationBarTitleText" : "我的"
 			}
 		}
 	],
 	"globalStyle": {
-		"navigationBarTextStyle": "black",
+		"navigationBarTextStyle": "white",
 		"navigationBarTitleText": "uni-app",
-		"navigationBarBackgroundColor": "#F8F8F8",
+		"navigationBarBackgroundColor": "#1296db",
 		"backgroundColor": "#F8F8F8"
 	},
+	"tabBar": {
+		"selectedColor": "#1296db",
+		"list": [
+			{
+				"iconPath": "static/icon/Home.png",
+				"selectedIconPath": "static/icon/Home-select.png",
+				"pagePath": "pages/index/index",
+				"text": "首页"
+			},
+			{
+				"iconPath": "static/icon/My.png",
+				"selectedIconPath": "static/icon/My-select.png",
+				"pagePath": "pages/my-info/my-info",
+				"text": "我的"
+			}
+		],
+		"color": "",
+		"backgroundColor": ""
+	},
 	"uniIdRouter": {}
 }

pages/my-info/my-info.vue

@@ -0,0 +1,22 @@
+<template>
+	<view>
+		页面内容
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				
+			}
+		},
+		methods: {
+			
+		}
+	}
+</script>
+
+<style>
+
+</style>