feat 背景色配置

pages.config.ts

@@ -13,10 +13,10 @@ export default defineUniPages({
     backgroundColorBottom: '@bgColorBottom',
     backgroundColorTop: '@bgColorTop',
     backgroundTextStyle: '@bgTxtStyle',
-    navigationBarBackgroundColor: '#000000',
+    navigationBarBackgroundColor: '#ffffff',
-    navigationBarTextStyle: '@navTxtStyle',
+    navigationBarTextStyle: 'black',
-    navigationBarTitleText: 'Vitesse-Uni',
+    navigationBarTitleText: 'Road-Roller',
-    navigationStyle: 'custom',
+    // navigationStyle: 'custom',
   },
   tabBar: {
     backgroundColor: '@tabBgColor',

src/App.vue

@@ -3,11 +3,13 @@ onLaunch(() => {})
 </script>
 
 <style>
-/* #ifdef H5 */
+/* 全局页面背景色 */
-uni-tabbar {
+page,
-  --uni-tabbar-height: 50px;
+uni-page-body {
+  background-color: #EAEFF9 !important;
 }
 
+/* #ifdef H5 || APP-PLUS */
 uni-tabbar .uni-tabbar__icon {
   height: 24px !important;
   width: 24px !important;
@@ -24,6 +26,12 @@ uni-tabbar .uni-tabbar__label {
 }
 /* #endif */
 
+/* #ifdef H5 */
+uni-tabbar {
+  --uni-tabbar-height: 50px;
+}
+/* #endif */
+
 /* #ifdef APP-PLUS */
 uni-tabbar {
   height: 50px !important;
@@ -32,20 +40,5 @@ uni-tabbar {
 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/pages/home/index.vue

@@ -5,6 +5,9 @@ import { mockData } from '@/mock/index'
 
 definePage({
   layout: false,
+  style: {
+    navigationBarTitleText: '首页',
+  },
 })
 
 const dialog = useDialog()

src/pages/report/index.vue

@@ -1,6 +1,9 @@
 <script lang="ts" setup>
 definePage({
   layout: false,
+  style: {
+    navigationBarTitleText: '报告',
+  },
 })
 
 // const { value: name } = useQuery('name')

src/pages/work/index.vue

@@ -1,6 +1,9 @@
 <script lang="ts" setup>
 definePage({
   layout: false,
+  style: {
+    navigationBarTitleText: '工作',
+  },
 })
 
 // const { value: name } = useQuery('name')