diff --git a/pages.json b/pages.json
index bc08552009bcafd484aea48287935b675d933412..d1d2f3f57f4fc22087ec708958a7c4b4fd6a59a3 100644
--- a/pages.json
+++ b/pages.json
@@ -396,6 +396,12 @@
         "navigationBarTitleText": "设置导航条标题"
       }
     },
+    {
+      "path": "pages/API/set-page-backgroundColorContent/set-page-backgroundColorContent",
+      "style": {
+        "navigationBarTitleText": "设置页面容器背景色"
+      }
+    },
     {
       "path": "pages/API/navigator/new-page/new-page-1",
       "style": {
diff --git a/pages/API/set-page-backgroundColorContent/set-page-backgroundColorContent.test.js b/pages/API/set-page-backgroundColorContent/set-page-backgroundColorContent.test.js
new file mode 100644
index 0000000000000000000000000000000000000000..74a4c5f6f2af0700a5590befb68af464e7587ca5
--- /dev/null
+++ b/pages/API/set-page-backgroundColorContent/set-page-backgroundColorContent.test.js
@@ -0,0 +1,14 @@
+describe('set-page-backgroundColorContent', () => {
+  let page
+  beforeAll(async () => {
+    page = await program.reLaunch('/pages/API/set-page-backgroundColorContent/set-page-backgroundColorContent')
+    await page.waitFor(600);
+  })
+
+  it('check_backgroundColorContent_red', async () => {
+    await page.callMethod('changeColor', "")
+    page.waitFor(100)
+    const image = await program.screenshot({fullPage: true});
+    expect(image).toSaveImageSnapshot();
+  })
+})
diff --git a/pages/API/set-page-backgroundColorContent/set-page-backgroundColorContent.uvue b/pages/API/set-page-backgroundColorContent/set-page-backgroundColorContent.uvue
new file mode 100644
index 0000000000000000000000000000000000000000..a04d25ebe4a8f5d98f7386df7f077349f1608e91
--- /dev/null
+++ b/pages/API/set-page-backgroundColorContent/set-page-backgroundColorContent.uvue
@@ -0,0 +1,31 @@
+<template>
+	<view class="container"  @click="changeColor">
+    <text>点击切换页面容器颜色</text>
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				isChange : false
+			}
+		},
+		methods: {
+      changeColor() {
+        let pages = getCurrentPages()
+        let page = pages[pages.length - 1]
+        page.$setPageStyle({"backgroundColorContent" : this.isChange ? "" : "red"})
+        this.isChange = !this.isChange
+      }
+		}
+	}
+</script>
+
+<style>
+  .container {
+    flex: 1;
+    align-items: center;
+    justify-content: center;
+  }
+</style>
diff --git a/pages/tabBar/API.uvue b/pages/tabBar/API.uvue
index f550acb35b3590a4a46d497a01f27fcc8adaabef..b7d8853c6af4e98d229938495b18fd461d3e299b 100644
--- a/pages/tabBar/API.uvue
+++ b/pages/tabBar/API.uvue
@@ -109,6 +109,10 @@
                 name: '设置导航条颜色',
                 url: 'set-navigation-bar-color',
               },
+              {
+                name: '设置页面容器背景色',
+                url: 'set-page-backgroundColorContent',
+              },
               {
                 name: '设置TabBar',
                 url: 'set-tabbar',