diff --git a/pages.json b/pages.json
index fe4be91f43089f03f0d0a31fd5a1bcfbe12820a2..0c14191fe827abb4c2293da084130d17794cb86b 100644
--- a/pages.json
+++ b/pages.json
@@ -16,7 +16,7 @@
 			"path": "pages/tabBar/component",
 			"style": {
 				"navigationBarTitleText": "内置组件",
-				"backgroundColor": "#F8F8F8"
+				"backgroundColorContent": "#f8f8f8"
 			}
 		},
 		{
@@ -521,7 +521,7 @@
 			"path": "pages/tabBar/API",
 			"style": {
 				"navigationBarTitleText": "接口",
-				"backgroundColor": "#F8F8F8"
+				"backgroundColorContent": "#f8f8f8"
 			}
 		},
 		{
@@ -1237,7 +1237,7 @@
 			"path": "pages/tabBar/CSS",
 			"style": {
 				"navigationBarTitleText": "CSS",
-				"backgroundColor": "#F8F8F8"
+				"backgroundColorContent": "#f8f8f8"
 			}
 		},
 		{
@@ -1684,7 +1684,8 @@
 		{
 			"path": "pages/tabBar/template",
 			"style": {
-				"navigationBarTitleText": "模板"
+				"navigationBarTitleText": "模板",
+				"backgroundColorContent": "#f8f8f8"
 			}
 		},
 		{
diff --git a/pages/tabBar/API.uvue b/pages/tabBar/API.uvue
index 031fe55a292b20143f5b7f405e0e72ac880cce1f..ea687b48b80f044ab025077d632e714b24e65914 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">