add tab bar

project.config.json

@@ -1,31 +1,31 @@
-{
+{
-  "miniprogramRoot": "dist/",
+  "miniprogramRoot": "dist/",
-  "projectname": "EVA-Notify",
+  "projectname": "EVA-Notify",
-  "description": "A Wechat miniprogram project of EVA platform",
+  "description": "A Wechat miniprogram project of EVA platform",
-  "appid": "wx636eb7cf2b84f305",
+  "appid": "wxa76ef89a218f32f8",
-  "setting": {
+  "setting": {
-    "urlCheck": true,
+    "urlCheck": true,
-    "es6": false,
+    "es6": false,
-    "enhance": false,
+    "enhance": false,
-    "compileHotReLoad": false,
+    "compileHotReLoad": false,
-    "postcss": false,
+    "postcss": false,
-    "minified": false,
+    "minified": false,
-    "babelSetting": {
+    "babelSetting": {
-      "ignore": [],
+      "ignore": [],
-      "disablePlugins": [],
+      "disablePlugins": [],
-      "outputPath": ""
+      "outputPath": ""
-    }
+    }
-  },
+  },
-  "compileType": "miniprogram",
+  "compileType": "miniprogram",
-  "libVersion": "3.3.4",
+  "libVersion": "3.3.4",
-  "srcMiniprogramRoot": "dist/",
+  "srcMiniprogramRoot": "dist/",
-  "packOptions": {
+  "packOptions": {
-    "ignore": [],
+    "ignore": [],
-    "include": []
+    "include": []
-  },
+  },
-  "condition": {},
+  "condition": {},
-  "editorSetting": {
+  "editorSetting": {
-    "tabIndent": "insertSpaces",
+    "tabIndent": "insertSpaces",
-    "tabSize": 2
+    "tabSize": 2
-  }
+  }
 }

project.private.config.json

@@ -1,7 +1,7 @@
-{
+{
-  "description": "项目私有配置文件。此文件中的内容将覆盖 project.config.json 中的相同字段。项目的改动优先同步到此文件中。详见文档：https://developers.weixin.qq.com/miniprogram/dev/devtools/projectconfig.html",
+  "description": "项目私有配置文件。此文件中的内容将覆盖 project.config.json 中的相同字段。项目的改动优先同步到此文件中。详见文档：https://developers.weixin.qq.com/miniprogram/dev/devtools/projectconfig.html",
-  "projectname": "EVA-Notify",
+  "projectname": "EVA-Notify",
-  "setting": {
+  "setting": {
-    "compileHotReLoad": true
+    "compileHotReLoad": true
-  }
+  }
 }

src/app.config.ts

@@ -1,11 +1,29 @@
 export default defineAppConfig({
   pages: [
-    'pages/index/index'
+    'pages/index/index',
+    'pages/repair/repair',
+    'pages/user/user',
   ],
   window: {
     backgroundTextStyle: 'light',
     navigationBarBackgroundColor: '#fff',
     navigationBarTitleText: 'WeChat',
     navigationBarTextStyle: 'black'
+  },
+  tabBar: {
+    list: [
+      {
+        pagePath: 'pages/index/index',
+        text: '主页'
+      },
+      {
+        pagePath: 'pages/repair/repair',
+        text: '维修'
+      },
+      {
+        pagePath: 'pages/user/user',
+        text: '我的'
+      }
+    ]
   }
 })

src/app.ts

@@ -1,6 +1,6 @@
 import { PropsWithChildren } from 'react'
 import { useLaunch } from '@tarojs/taro'
-import 'taro-ui/dist/style/index.scss'
+//import 'taro-ui/dist/style/index.scss'
 import './app.scss'
 
 function App({ children }: PropsWithChildren<any>) {

src/pages/index/index.config.ts

@@ -1,3 +1,4 @@
 export default definePageConfig({
-  navigationBarTitleText: '首页'
+  navigationBarTitleText: '首页',
+  usingComponents: {}
 })

src/pages/index/index.tsx

@@ -14,9 +14,7 @@ class Index extends Component {
   render(): ReactNode {
     return (
       <View>
-        <Text>
+        <Text>{this.state.msg}</Text>
-          {this.state.msg}
-        </Text>
       </View>
     )
   }

src/pages/repair/repair.config.ts

@@ -0,0 +1,3 @@
+export default definePageConfig({
+    usingComponents: {},
+})

src/pages/repair/repair.tsx

@@ -0,0 +1,12 @@
+import { View, Text } from "@tarojs/components";
+import { Component, ReactNode } from "react";
+
+export default class RepairPage extends Component {
+    render(): ReactNode {
+        return (
+            <View>
+                <Text>Repair Page</Text>
+            </View>
+        )
+    }
+}

src/pages/user/user.config.ts

@@ -0,0 +1,3 @@
+export default definePageConfig({
+    usingComponents: {},
+})

src/pages/user/user.tsx

@@ -0,0 +1,12 @@
+import { View, Text } from "@tarojs/components";
+import { Component, ReactNode } from "react";
+
+export default class UserPage extends Component {
+    render(): ReactNode {
+        return (
+            <View>
+                <Text>User Page</Text>
+            </View>
+        )
+    }
+}