diff --git a/pages.json b/pages.json
index b69afe184f0fee4544100cf5ca43f4517abe610c..5a972ca565b3957602f6744dd3f1fdcd7b9186db 100644
--- a/pages.json
+++ b/pages.json
@@ -1270,6 +1270,14 @@
       	"navigationBarTitleText": "ad",
       	"backgroundColor": "#F8F8F8"
       }
+    },
+    {
+      "path" : "pages/template/custom-long-list/custom-long-list",
+      "style" : 
+      {
+        "navigationBarTitleText" : "",
+        "enablePullDownRefresh" : false
+      }
     }
     // #endif
   ],
diff --git a/pages/API/element-takesnapshot/element-takesnapshot.test.js b/pages/API/element-takesnapshot/element-takesnapshot.test.js
index 5aedb2e7720cf542b8b6a9bf45f561ac80b5acc1..d5cd7ebbcc1c1d5456791e49fc332c3802be3847 100644
--- a/pages/API/element-takesnapshot/element-takesnapshot.test.js
+++ b/pages/API/element-takesnapshot/element-takesnapshot.test.js
@@ -2,7 +2,7 @@ const PAGE_PATH = "/pages/API/element-takesnapshot/element-takesnapshot";
 
 
 describe("element-takesnapshot", () => {
-  if (process.env.uniTestPlatformInfo.indexOf('web') > -1) {
+  if (process.env.uniTestPlatformInfo.indexOf('web') > -1 || process.env.UNI_AUTOMATOR_APP_WEBVIEW == 'true') {
     it('dummyTest', () => {
       expect(1).toBe(1)
     })
diff --git a/pages/API/get-app-authorize-setting/get-app-authorize-setting.test.js b/pages/API/get-app-authorize-setting/get-app-authorize-setting.test.js
index 31578789855dbdb5f8e988d51524544b26bb024f..44b9d35ee22effadc3f6a84743d72109b8c378da 100644
--- a/pages/API/get-app-authorize-setting/get-app-authorize-setting.test.js
+++ b/pages/API/get-app-authorize-setting/get-app-authorize-setting.test.js
@@ -1,7 +1,7 @@
 const PAGE_PATH = '/pages/API/get-app-authorize-setting/get-app-authorize-setting'
 
-describe('ExtApi-GetAppAuthorizeSetting', () => {
-  if (process.env.uniTestPlatformInfo.indexOf('web') > -1) {
+describe('ExtApi-GetAppAuthorizeSetting', () => {
+  if (process.env.uniTestPlatformInfo.indexOf('web') > -1 || process.env.UNI_AUTOMATOR_APP_WEBVIEW == 'true') {
     it('dummyTest', () => {
       expect(1).toBe(1)
     })
diff --git a/pages/API/get-file-system-manager/get-file-system-manager.test.js b/pages/API/get-file-system-manager/get-file-system-manager.test.js
index 547c9633ec2a5127583f8c20269e402f2f58af77..c8f4c83bbac6fbba71d1776d78fa050eb4f356b4 100644
--- a/pages/API/get-file-system-manager/get-file-system-manager.test.js
+++ b/pages/API/get-file-system-manager/get-file-system-manager.test.js
@@ -2,7 +2,7 @@ const PAGE_PATH = '/pages/API/get-file-system-manager/get-file-system-manager'
 
 
 describe('ExtApi-FileManagerTest', () => {
-  if (process.env.uniTestPlatformInfo.indexOf('web') > -1) {
+  if (process.env.uniTestPlatformInfo.indexOf('web') > -1 || process.env.UNI_AUTOMATOR_APP_WEBVIEW == 'true') {
     it('dummyTest', () => {
       expect(1).toBe(1)
     })
diff --git a/pages/API/get-system-setting/get-system-setting.test.js b/pages/API/get-system-setting/get-system-setting.test.js
index 779c2a5edc19c0f2510d4c20f56f44db1129845d..c715b3081c2c91b14d64b57542a3af76c3839c74 100644
--- a/pages/API/get-system-setting/get-system-setting.test.js
+++ b/pages/API/get-system-setting/get-system-setting.test.js
@@ -1,7 +1,7 @@
 const PAGE_PATH = '/pages/API/get-system-setting/get-system-setting'
 
 describe('ExtApi-GetSystemSetting', () => {
-  if (process.env.uniTestPlatformInfo.indexOf('web') > -1) {
+  if (process.env.uniTestPlatformInfo.indexOf('web') > -1 || process.env.UNI_AUTOMATOR_APP_WEBVIEW == 'true') {
     it('web', () => {
       expect(1).toBe(1)
     })
diff --git a/pages/component/nested-scroll-body/nested-scroll-body.test.js b/pages/component/nested-scroll-body/nested-scroll-body.test.js
index 9463eaf8e055d9e499fbbdf467ebeab21468dc4c..a3b80a3996cc6bd37319dc0526d126544c692fd1 100644
--- a/pages/component/nested-scroll-body/nested-scroll-body.test.js
+++ b/pages/component/nested-scroll-body/nested-scroll-body.test.js
@@ -1,4 +1,11 @@
-describe('component-native-nested-scroll-body', () => {
+describe('component-native-nested-scroll-body', () => {
+  if (process.env.uniTestPlatformInfo.indexOf('web') > -1 || process.env.UNI_AUTOMATOR_APP_WEBVIEW == 'true') {
+    it('dummyTest', () => {
+      expect(1).toBe(1)
+    })
+    return
+  }
+
   let page
   beforeAll(async () => {
     //打开lnested-scroll-body测试页
diff --git a/pages/component/nested-scroll-header/nested-scroll-header.test.js b/pages/component/nested-scroll-header/nested-scroll-header.test.js
index 864d44b83c86587af95f2f4d5dc6b8c224ebc582..c3982468b594d27ad017d73c52ac27432131adad 100644
--- a/pages/component/nested-scroll-header/nested-scroll-header.test.js
+++ b/pages/component/nested-scroll-header/nested-scroll-header.test.js
@@ -1,15 +1,21 @@
 describe('component-native-nested-scroll-header', () => {
+  if (process.env.uniTestPlatformInfo.indexOf('web') > -1 || process.env.UNI_AUTOMATOR_APP_WEBVIEW == 'true') {
+    it('dummyTest', () => {
+      expect(1).toBe(1)
+    })
+    return
+  }
+
   let page
-  beforeAll(async () => {
+  beforeAll(async () => {
     //打开lnested-scroll-header测试页
     page = await program.reLaunch('/pages/component/nested-scroll-header/nested-scroll-header')
     await page.waitFor(600)
-  })
-
-
-  it('check_nested-scroll-header', async () => {
-    const image = await program.screenshot();
-    expect(image).toMatchImageSnapshot();
+  })
+
+
+  it('check_nested-scroll-header', async () => {
+    const image = await program.screenshot();
+    expect(image).toMatchImageSnapshot();
   })
 })
-
diff --git a/pages/tabBar/template.uvue b/pages/tabBar/template.uvue
index 333605817bc7a5716b34b22eb12f0431a98bbfdc..276ab8eeff91bebd0786743893268ea43202c2c2 100644
--- a/pages/tabBar/template.uvue
+++ b/pages/tabBar/template.uvue
@@ -65,18 +65,18 @@
               {
                 name: '顶部搜索框随时下移长列表',
                 url: 'long-list'
-              },
+              },
               // #ifdef APP-ANDROID || WEB
               {
                 name: '顶部banner长列表',
                 url: 'long-list2'
-              },
-              // #endif
-              // #ifdef APP-IOS
-              {
-                name: '顶部banner长列表',
-                url: 'long-list-nested'
-              },
+              },
+              // #endif
+              // #ifdef APP-IOS
+              {
+                name: '顶部banner长列表',
+                url: 'long-list-nested'
+              },
               // #endif
             ] as Page[],
           },
@@ -110,21 +110,28 @@
               },
             ] as Page[],
           },
-          // #ifdef APP
+          {
+            id: 'custom-long-list',
+            url: 'custom-long-list',
+            name: '自行实现长列表组件',
+            open: false,
+            pages: [] as Page[],
+          },
+          // #ifdef APP
           {
             id: 'custom-refresher',
             url: 'custom-refresher',
             name: '自定义下拉刷新',
             open: false,
             pages: [] as Page[],
-          },
-          {
-            id: 'pull-zoom-image',
-            url: 'pull-zoom-image',
-            name: '下拉缩放顶部封面图',
-            open: false,
-            pages: [] as Page[],
-          },
+          },
+          {
+            id: 'pull-zoom-image',
+            url: 'pull-zoom-image',
+            name: '下拉缩放顶部封面图',
+            open: false,
+            pages: [] as Page[],
+          },
           // #endif
           {
             id: 'swiper-vertical-video',
@@ -132,7 +139,7 @@
             name: '竖滑视频',
             open: false,
             pages: [] as Page[],
-          },
+          },
           // #ifdef APP
           {
             id: 'scroll-sticky',
@@ -140,7 +147,7 @@
             name: 'scroll-view自定义滚动吸顶',
             open: false,
             pages: [] as Page[],
-          },
+          },
           // #endif
           {
             id: 'half-screen',
@@ -170,7 +177,7 @@
             open: false,
             enable: true,
             pages: [] as Page[],
-          },
+          },
           // #ifdef APP
           {
             id: 'calendar',
@@ -190,16 +197,16 @@
             name: '分享示例',
             open: false,
             pages: [] as Page[],
-          },
-          // #endif
-          // #ifdef WEB
-          {
-            id: 'browser-canvas',
-            url: 'browser-canvas',
-            name: '如何使用浏览器 canvas',
-            open: false,
-            pages: [] as Page[],
-          },
+          },
+          // #endif
+          // #ifdef WEB
+          {
+            id: 'browser-canvas',
+            url: 'browser-canvas',
+            name: '如何使用浏览器 canvas',
+            open: false,
+            pages: [] as Page[],
+          },
           // #endif
         ] as ListItem[],
         arrowUpIcon: '/static/icons/arrow-up.png',
@@ -244,4 +251,4 @@
       },
     },
   }
-</script>
+</script>
diff --git a/pages/template/custom-long-list/custom-list-item.uvue b/pages/template/custom-long-list/custom-list-item.uvue
new file mode 100644
index 0000000000000000000000000000000000000000..1bb145b414305a25c46a9eab52ce37ec0d020ce2
--- /dev/null
+++ b/pages/template/custom-long-list/custom-list-item.uvue
@@ -0,0 +1,36 @@
+<template>
+  <view ref="box" class="custom-list-item-box">
+    <slot></slot>
+  </view>
+</template>
+
+<script>
+  export default {
+    name: "custom-list-item",
+    props: {
+      item: {
+        type: Object as PropType<any>,
+        required: true
+      }
+    },
+    inject: {
+      cachedSize: {
+        type: Map as PropType<Map<any, number>>,
+        default: () : Map<any, number> => {
+          return new Map<any, number>()
+        }
+      },
+    },
+    mounted() {
+      nextTick(() => {
+        uni.createSelectorQuery().in(this).select('.custom-list-item-box').boundingClientRect().exec((ret) => {
+          (this.cachedSize as Map<any, number>).set(this.item, (ret[0] as NodeInfo).height!)
+        })
+      })
+    }
+  }
+</script>
+
+<style>
+
+</style>
diff --git a/pages/template/custom-long-list/custom-list-view.uvue b/pages/template/custom-long-list/custom-list-view.uvue
new file mode 100644
index 0000000000000000000000000000000000000000..731189f63a2078b52fbeecb02fd920e867a7aeec
--- /dev/null
+++ b/pages/template/custom-long-list/custom-list-view.uvue
@@ -0,0 +1,115 @@
+<template>
+  <scroll-view class="custom-list-view-scoll-view" v-bind="$attrs" ref="scroll" @scroll="onScroll">
+    <view class="custom-list-view-placeholder" :style="{ height: placeholderHeight + 'px' }">
+      <view class="custom-list-view-container" :style="{ top: containerTop + 'px' }">
+        <slot :items="items"></slot>
+      </view>
+    </view>
+  </scroll-view>
+</template>
+
+<script>
+  /**
+   * 使用限制
+   * - 容器大小变动时未刷新缓存的子元素大小
+   * - 不支持设置初始滚动位置
+   * - list数据内每一项不可以是基础类型
+   * - item不支持设置margin，会导致计算位置不准确
+   */
+  export default {
+    name: "custom-list-view",
+    props: {
+      list: {
+        type: Array as PropType<any[]>,
+        default: [] as any[]
+      }
+    },
+    watch: {
+      list: {
+        handler(list : any[]) {
+          this.cachedSize.forEach((_ : number, key : any) => {
+            if (!list.includes(key)) {
+              this.cachedSize.delete(key)
+            }
+          })
+        },
+        deep: true
+      }
+    },
+    data() {
+      return {
+        items: [] as any[],
+        containerTop: 0,
+        scrollElementHeight: 0,
+        placeholderHeight: 0,
+        offsetThreshold: [0, 0, 0, 0], // -5, -3, 3, 5 屏对应的offset
+        cachedSize: new Map<any, number>(),
+        initialized: false,
+        hasDefaultSize: false,
+        defaultItemSize: 40,
+      };
+    },
+    provide() {
+      return {
+        cachedSize: this.cachedSize
+      }
+    },
+    created() {
+      this.placeholderHeight = this.list.length * this.defaultItemSize
+    },
+    mounted() {
+      nextTick(() => {
+        uni.createSelectorQuery().in(this).select('.custom-list-view-scoll-view').boundingClientRect().exec((ret) => {
+          this.scrollElementHeight = (ret[0] as NodeInfo).height!
+          this.rearrange(0)
+          this.initialized = true
+        })
+      })
+    },
+    methods: {
+      onScroll(e : UniScrollEvent) {
+        if (!this.initialized) {
+          return
+        }
+        const scrollTop = e.detail.scrollTop
+        if (scrollTop < this.offsetThreshold[1] || scrollTop > this.offsetThreshold[2]) {
+          this.rearrange(scrollTop)
+        }
+      },
+      rearrange(scrollTop : number) {
+        this.offsetThreshold[0] = Math.max(scrollTop - this.scrollElementHeight * 5, 0)
+        this.offsetThreshold[1] = Math.max(scrollTop - this.scrollElementHeight * 3, 0)
+        this.offsetThreshold[2] = Math.min(scrollTop + this.scrollElementHeight * 4, this.placeholderHeight)
+        this.offsetThreshold[3] = Math.min(scrollTop + this.scrollElementHeight * 6, this.placeholderHeight)
+        const items = [] as any[]
+        let tempTotalHeight = 0
+        let containerTop = 0
+        for (let i = 0; i < this.list.length; i++) {
+          const item = this.list[i]
+          let itemSize = this.defaultItemSize
+          const cachedItemSize = this.cachedSize.get(item)
+          if (cachedItemSize != null) {
+            itemSize = cachedItemSize
+            if (!this.hasDefaultSize) {
+              this.defaultItemSize = itemSize
+              this.hasDefaultSize = true
+            }
+          }
+          tempTotalHeight += itemSize
+          if (tempTotalHeight >= this.offsetThreshold[0] && tempTotalHeight <= this.offsetThreshold[3]) {
+            items.push(item)
+          } else if (tempTotalHeight < this.offsetThreshold[0]) {
+            containerTop = tempTotalHeight
+          }
+        }
+        this.placeholderHeight = tempTotalHeight
+        this.items = items
+        this.containerTop = containerTop
+      }
+    }
+  }
+</script>
+
+<style>
+
+</style>
diff --git a/pages/template/custom-long-list/custom-long-list.uvue b/pages/template/custom-long-list/custom-long-list.uvue
new file mode 100644
index 0000000000000000000000000000000000000000..dbd1fb0035d9247d50177c74a6f0332f12946c3d
--- /dev/null
+++ b/pages/template/custom-long-list/custom-long-list.uvue
@@ -0,0 +1,52 @@
+<template>
+  <custom-list-view style="flex: 1;" :list="list" @scrolltoupper="scrolltoupper" @scroll="scroll">
+    <template v-slot:default="{items}">
+      <custom-list-item v-for="item in (items as Item[])" :item="item" :key="item.id" style="padding: 5px; 10px">
+        <view style="background-color: aqua;">{{item.title}}</view>
+        <view>{{item.content}}</view>
+      </custom-list-item>
+    </template>
+  </custom-list-view>
+</template>
+
+<script>
+  type Item = {
+    id : number
+    title : string
+    content : string
+  }
+  import CustomListView from "./custom-list-view"
+  import CustomListItem from "./custom-list-item"
+  export default {
+    components: {
+      CustomListView,
+      CustomListItem
+    },
+    data() {
+      return {
+        list: [] as Item[]
+      }
+    },
+    created() {
+      for (let i = 0; i < 1000; i++) {
+        this.list.push({
+          id: i,
+          title: `title-` + i,
+          content: `Content-${i}: Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.`
+        } as Item)
+      }
+    },
+    methods: {
+      scrolltoupper() {
+        console.log('scroll top upper')
+      },
+      scroll(e : UniScrollEvent) {
+        console.log('scroll', e)
+      }
+    }
+  }
+</script>
+
+<style>
+
+</style>