diff --git a/pages.json b/pages.json
index 522e312171720377c22d319d99fba381555a51c8..c8f944bc5217386989425524f215414ed7153ee9 100644
--- a/pages.json
+++ b/pages.json
@@ -405,6 +405,15 @@
 			}
 		},
 		// #endif
+    // #ifdef MP-WEIXIN
+    {
+      "path" : "pages/component/page-meta/page-meta",
+      "style" :
+      {
+        "navigationBarTitleText" : "page-meta"
+      }
+    },
+    // #endif
 		// #ifdef APP-ANDROID || APP-IOS || WEB || MP-WEIXIN
 		{
 			"path": "pages/component/unicloud-db/unicloud-db/contacts/list",
diff --git a/pages/component/page-meta/page-meta.test.js b/pages/component/page-meta/page-meta.test.js
new file mode 100644
index 0000000000000000000000000000000000000000..34ad67d427aee62ec4a0683d768fdd8cd45cc0a6
--- /dev/null
+++ b/pages/component/page-meta/page-meta.test.js
@@ -0,0 +1,33 @@
+jest.setTimeout(30000);
+describe('test page-meta', () => {
+  let page,titleEl,cellEl;
+  if (!process.env.uniTestPlatformInfo.startsWith('mp')) {
+    it('not support', () => {
+      expect(1).toBe(1)
+    })
+    return
+  }
+  beforeAll(async () => {
+    page = await program.reLaunch('/pages/component/page-meta/page-meta')
+    await page.waitFor(3000);
+    titleEl = await page.$(".title")
+    cellEl = await page.$(".uni-list-cell")
+  });
+  it('check page-style', async () => {
+    expect(await titleEl.style('color')).toEqual('rgb(0, 128, 0)');
+    expect(await cellEl.style('color')).toEqual('rgb(0, 128, 0)');
+  });
+  it('check root-font-size', async () => {
+    expect(await titleEl.style('font-size')).toEqual('30px');
+  });
+  it('check scrollTop', async () => {
+    expect(await page.data('scrollTop')).toEqual('0px');
+    const buttonEl = await page.$("button")
+    await buttonEl.tap()
+    await page.waitFor(2100)
+    console.log('scrollType',await page.data('scrollType'));
+    expect(await page.data('scrollTop')).toEqual('300px');
+    expect(await page.data('scrollType')).toEqual('scroll');
+    expect(await page.data('scrolldoneType')).toEqual('scrolldone');
+  });
+});
diff --git a/pages/component/page-meta/page-meta.uvue b/pages/component/page-meta/page-meta.uvue
new file mode 100644
index 0000000000000000000000000000000000000000..ca634e45e5025db1f57cf429d272ed710bb68145
--- /dev/null
+++ b/pages/component/page-meta/page-meta.uvue
@@ -0,0 +1,65 @@
+<template>
+  <page-meta
+    :background-text-style="bgTextStyle"
+    :background-color="bgColor"
+    :background-color-top="bgColorTop"
+    :background-color-bottom="bgColorBottom"
+    :scroll-top="scrollTop"
+    :scroll-duration="2000"
+    @scroll="scroll"
+    @scrolldone="scrolldone"
+    page-style="color: green"
+    root-font-size="30px"
+  >
+    <navigation-bar
+      :title="nbTitle"
+      :loading="nbLoading"
+      :front-color="nbFrontColor"
+      :background-color="nbBackgroundColor"
+    />
+  </page-meta>
+  <view class="content">
+    <text class="title">页面内容</text>
+    <button @click="scrollTo">点击跳到 300px 处</button>
+    <view class="uni-list" v-for="(_, index) in 30" :key="index">
+      <view class="uni-list-cell">{{ index }}</view>
+    </view>
+  </view>
+</template>
+
+<script>
+  export default {
+    data() {
+      return {
+        bgTextStyle: 'dark',
+        scrollTop: '0px',
+        bgColor: '#ff0000',
+        bgColorTop: '#00ff00',
+        bgColorBottom: '#0000ff',
+        nbTitle: '标题',
+        nbLoading: false,
+        nbFrontColor: '#ffffff',
+        nbBackgroundColor: '#00aaff',
+        // 自动化测试
+        scrollType:null,
+        scrolldoneType:null,
+      }
+    },
+    onLoad() {
+      setTimeout(()=>{
+        this.nbLoading = true
+      },2000)
+    },
+    methods: {
+      scrollTo(){
+        this.scrollTop = '300px'
+      },
+      scroll(e){
+        this.scrollType=e.type
+      },
+      scrolldone(e){
+        this.scrolldoneType=e.type
+      }
+    }
+  }
+</script>