fix: ali&web环境scrollTop初始化不生效问题

didi · Jan 23, 2025 · db5ed91 · db5ed91
1 parent e93b931
commit db5ed91
Showing 1 changed file with 15 additions and 4 deletions.
diff --git a/packages/webpack-plugin/lib/runtime/components/wx/mpx-recycle-view.mpx b/packages/webpack-plugin/lib/runtime/components/wx/mpx-recycle-view.mpx
@@ -2,7 +2,7 @@
   <scroll-view
     class="mpx-recycle-list"
     scroll-y="{{scrollY}}"
-    scroll-top="{{scrollTop}}"
+    scroll-top="{{_scrollTop}}"
     scroll-with-animation="{{scrollWithAnimation}}"
     enable-back-to-top="{{enableBackToTop}}"
     lower-threshold="{{lowerThreshold}}"
@@ -73,7 +73,8 @@ createComponent({
     end: 0,
     contentStyle: '',
     placeholderStyle: '',
-    positions: []
+    positions: [],
+    isReady: false
   },
   computed: {
     _width() {
@@ -90,6 +91,10 @@ createComponent({
         }
       })
     },
+    _scrollTop() {
+      // 使用初始值或当前值
+      return this.isReady ? this.scrollTop : 0
+    },
     visibleCount() {
       return Math.ceil(this.containerHeight / this.itemSize.height)
     },
@@ -116,6 +121,11 @@ createComponent({
           // 更新列表总高度
           const height = this.positions[this.positions.length - 1].bottom
           this.placeholderStyle = `height: ${height}px`
+          if (!this.isReady) {
+            this.$nextTick(() => {
+              this.isReady = true
+            })
+          }
           // 更新真实偏移量
           this.setStartOffset()
         })
@@ -127,7 +137,8 @@ createComponent({
         this.start = this.getStartIndex(val)
         this.end = this.start + this.visibleCount
         this.setStartOffset()
-      }
+      },
+      immediate: true
     }
   },
   ready() {
@@ -212,7 +223,7 @@ createComponent({
     "component": true,
     "componentGenerics": {
       "recycle-item": {
-        "default": "./mpx-recycle-item-default"
+        "default": "./mpx-recycle-item-default.mpx"
       }
     }
   }