diff --git a/pages.json b/pages.json
index 4f77082012f38294cc90610e2d36ebcc0189aff8..5b7adeb860b26d878286ff1cbbc6f5205d81ea4d 100644
--- a/pages.json
+++ b/pages.json
@@ -16,7 +16,7 @@
 			"path": "pages/tabBar/component",
 			"style": {
 				"navigationBarTitleText": "内置组件",
-				"backgroundColor": "#F8F8F8"
+				"backgroundColorContent": "#f8f8f8"
 			}
 		},
 		// #ifdef APP-ANDROID || APP-IOS || WEB
@@ -631,7 +631,7 @@
 			"path": "pages/tabBar/API",
 			"style": {
 				"navigationBarTitleText": "接口",
-				"backgroundColor": "#F8F8F8"
+				"backgroundColorContent": "#f8f8f8"
 			}
 		},
 		// #ifdef APP-ANDROID || APP-IOS || WEB
@@ -1457,7 +1457,7 @@
 			"path": "pages/tabBar/CSS",
 			"style": {
 				"navigationBarTitleText": "CSS",
-				"backgroundColor": "#F8F8F8"
+				"backgroundColorContent": "#f8f8f8"
 			}
 		},
 		// #ifdef APP-ANDROID || APP-IOS || WEB
@@ -2029,7 +2029,8 @@
 		{
 			"path": "pages/tabBar/template",
 			"style": {
-				"navigationBarTitleText": "模板"
+				"navigationBarTitleText": "模板",
+				"backgroundColorContent": "#f8f8f8"
 			}
 		},
 		{
diff --git a/pages/tabBar/API.uvue b/pages/tabBar/API.uvue
index 4e2764f0d185ab9984990386bebfe751565ee485..167f176efcee69bdaf6ded4d0390d17795a4097e 100644
--- a/pages/tabBar/API.uvue
+++ b/pages/tabBar/API.uvue
@@ -1,6 +1,6 @@
 <template>
   <!-- #ifdef APP -->
-  <scroll-view style="flex: 1; background-color: #f8f8f8" enable-back-to-top="true">
+  <scroll-view style="flex: 1;" enable-back-to-top="true">
   <!-- #endif -->
     <view class="uni-container">
       <view v-if="!hasLeftWin" class="uni-header-logo">
diff --git a/pages/tabBar/CSS.uvue b/pages/tabBar/CSS.uvue
index 8a442ea539265837c011ca3586544392a8ce7f9e..0ca1f6e8632599b28cf3c129230dead863a0aa91 100644
--- a/pages/tabBar/CSS.uvue
+++ b/pages/tabBar/CSS.uvue
@@ -1,6 +1,6 @@
 <template>
   <!-- #ifdef APP -->
-  <scroll-view style="flex: 1; background-color: #f8f8f8" enable-back-to-top="true">
+  <scroll-view style="flex: 1;" enable-back-to-top="true">
   <!-- #endif -->
     <view class="uni-container">
       <view v-if="!hasLeftWin" class="uni-header-logo">
diff --git a/pages/tabBar/component.uvue b/pages/tabBar/component.uvue
index fa04aa00aabe47123791a672b1f47f646e3df2de..984a9a9468a53c8a5a4e11a9dfc6213c1555ad35 100644
--- a/pages/tabBar/component.uvue
+++ b/pages/tabBar/component.uvue
@@ -1,6 +1,6 @@
 <template>
   <!-- #ifdef APP -->
-  <scroll-view style="flex: 1; background-color: #f8f8f8" enable-back-to-top="true">
+  <scroll-view style="flex: 1;" enable-back-to-top="true">
   <!-- #endif -->
     <view class="uni-container">
       <view v-if="!hasLeftWin" class="uni-header-logo">
diff --git a/pages/tabBar/template.uvue b/pages/tabBar/template.uvue
index 98af7bb9004f6f770b3e6d61789af0d476f33a3a..deb62cf7bf758d5242912ead5e3b572057aa5c50 100644
--- a/pages/tabBar/template.uvue
+++ b/pages/tabBar/template.uvue
@@ -1,6 +1,6 @@
 <template>
   <!-- #ifdef APP -->
-  <scroll-view style="flex: 1; background-color: #f8f8f8" enable-back-to-top="true">
+  <scroll-view style="flex: 1;" enable-back-to-top="true">
   <!-- #endif -->
     <view class="uni-container">
       <view v-if="!hasLeftWin" class="uni-header-logo">