diff --git a/pages/API/theme-change/theme-change.uvue b/pages/API/theme-change/theme-change.uvue
index 1aef6d00102c7af999697e6bf4725ae309363caa..d3499d31cc22cf31a64945d47cd0c76d6a8830d4 100644
--- a/pages/API/theme-change/theme-change.uvue
+++ b/pages/API/theme-change/theme-change.uvue
@@ -11,7 +11,7 @@
 
     <view>
       <view class="uni-title uni-common-mt">
-        <text class="uni-title-text"> 修改appTheme主题 </text>
+        <text class="uni-title-text"> 修改appTheme主题（此处仅为演示API，本应用并未完整适配暗黑模式） </text>
       </view>
     </view>
     <view class="uni-list uni-common-pl">
diff --git a/pages/tabBar/API.uvue b/pages/tabBar/API.uvue
index ab20cc972070caeaff7b7f7f86aa0024c28bc9c2..ca9a7bb7cc2a4aabe8b8720bb1831418295568a0 100644
--- a/pages/tabBar/API.uvue
+++ b/pages/tabBar/API.uvue
@@ -1,6 +1,6 @@
 <template>
   <!-- #ifdef APP -->
-  <scroll-view style="flex: 1" enable-back-to-top="true">
+  <scroll-view style="flex: 1;background-color: #f8f8f8;" enable-back-to-top="true">
   <!-- #endif -->
     <view class="uni-container">
       <view class="uni-header-logo">
diff --git a/pages/tabBar/CSS.uvue b/pages/tabBar/CSS.uvue
index f6eff0911b8040dd4640ffcd6d2ad8b2572aeafc..7019875a839ac7d5cc13867b7ecc6e3d7beb4fb5 100644
--- a/pages/tabBar/CSS.uvue
+++ b/pages/tabBar/CSS.uvue
@@ -1,6 +1,6 @@
 <template>
   <!-- #ifdef APP -->
-  <scroll-view style="flex: 1" enable-back-to-top="true">
+  <scroll-view style="flex: 1;background-color: #f8f8f8;" enable-back-to-top="true">
   <!-- #endif -->
     <view class="uni-container">
       <view class="uni-header-logo">
diff --git a/pages/tabBar/template.uvue b/pages/tabBar/template.uvue
index 017ceb37b989971086f65d7b1e79f7726c1bc0b4..b91cb9e55ac74e8abf830e201a64bbd5d887c01e 100644
--- a/pages/tabBar/template.uvue
+++ b/pages/tabBar/template.uvue
@@ -1,6 +1,6 @@
 <template>
   <!-- #ifdef APP -->
-  <scroll-view style="flex: 1" enable-back-to-top="true">
+  <scroll-view style="flex: 1;background-color: #f8f8f8;" enable-back-to-top="true">
   <!-- #endif -->
     <view class="uni-container">
       <view class="uni-header-logo">