feat 配置tabBar

pages.config.ts

@@ -19,22 +19,22 @@ export default defineUniPages({
     selectedColor: '@tabSelectedColor',
     list: [
       {
-        pagePath: 'pages/index',
+        pagePath: 'pages/home/index',
         text: '首页',
-        iconPath: 'static/vite.png',
+        iconPath: 'static/home.png',
-        selectedIconPath: 'static/vite.png',
+        selectedIconPath: 'static/home1.png',
       },
       {
-        pagePath: 'pages/hi',
+        pagePath: 'pages/work/index',
-        text: '我的',
+        text: '工作',
-        iconPath: 'static/vite.png',
+        iconPath: 'static/work.png',
-        selectedIconPath: 'static/vite.png',
+        selectedIconPath: 'static/work1.png',
       },
       {
-        pagePath: 'pages/hi',
+        pagePath: 'pages/report/index',
-        text: 'about',
+        text: '报告',
-        iconPath: 'static/vite.png',
+        iconPath: 'static/report.png',
-        selectedIconPath: 'static/vite.png',
+        selectedIconPath: 'static/report1.png',
       },
     ],
   },

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;