feat 配置tabBar

src/App.vue

@@ -1,3 +1,51 @@
 <script setup lang="ts">
 onLaunch(() => {})
 </script>
+
+<style>
+/* #ifdef H5 */
+uni-tabbar {
+  --uni-tabbar-height: 50px;
+}
+
+uni-tabbar .uni-tabbar__icon {
+  height: 24px !important;
+  width: 24px !important;
+}
+
+uni-tabbar .uni-tabbar__icon img {
+  height: 24px !important;
+  width: 24px !important;
+}
+
+uni-tabbar .uni-tabbar__label {
+  font-size: 10px !important;
+  margin-top: 2px !important;
+}
+/* #endif */
+
+/* #ifdef APP-PLUS */
+uni-tabbar {
+  height: 50px !important;
+}
+
+uni-tabbar .uni-tabbar__content {
+  height: 50px !important;
+}
+
+uni-tabbar .uni-tabbar__icon {
+  height: 24px !important;
+  width: 24px !important;
+}
+
+uni-tabbar .uni-tabbar__icon img {
+  height: 24px !important;
+  width: 24px !important;
+}
+
+uni-tabbar .uni-tabbar__label {
+  font-size: 10px !important;
+  margin-top: 2px !important;
+}
+/* #endif */
+</style>

src/theme.json

@@ -9,7 +9,7 @@
     "tabBgColor": "#fcfcfc",
     "tabBorderStyle": "black",
     "tabFontColor": "#1f2937",
-    "tabSelectedColor": "#ff6b00"
+    "tabSelectedColor": "#4685FD"
   },
   "dark": {
     "bgColor": "#181818",
@@ -21,6 +21,6 @@
     "tabBgColor": "#181818",
     "tabBorderStyle": "white",
     "tabFontColor": "#f3f4f6",
-    "tabSelectedColor": "#ff6b00"
+    "tabSelectedColor": "#4685FD"
   }
 }

src/uni-pages.d.ts

@@ -14,7 +14,7 @@ interface NavigateToOptions {
 interface RedirectToOptions extends NavigateToOptions {}
 
 interface SwitchTabOptions {
-  url: "/pages/index" | "/pages/hi" | "/pages/hi"
+  url: "/pages/home/index" | "/pages/work/index" | "/pages/report/index"
 }
 
 type ReLaunchOptions = NavigateToOptions | SwitchTabOptions;