fix(消息列表): 调整滚动加载阈值从100降至20
优化消息列表滚动加载体验,降低触发加载更多的阈值,使用户在滚动到更接近底部时即可触发加载
Showing
1 changed file
with
2 additions
and
2 deletions
| ... | @@ -38,7 +38,7 @@ | ... | @@ -38,7 +38,7 @@ |
| 38 | 38 | ||
| 39 | <!-- 消息列表内容 --> | 39 | <!-- 消息列表内容 --> |
| 40 | <scroll-view ref="scrollViewRef" class="conversation-list" :style="scrollStyle" :scroll-y="true" | 40 | <scroll-view ref="scrollViewRef" class="conversation-list" :style="scrollStyle" :scroll-y="true" |
| 41 | - @scrolltolower="loadMore" @scroll="scroll" :lower-threshold="100" :enable-flex="false" | 41 | + @scrolltolower="loadMore" @scroll="scroll" :lower-threshold="20" :enable-flex="false" |
| 42 | :scroll-top="scrollTop"> | 42 | :scroll-top="scrollTop"> |
| 43 | <view v-for="conversation in filteredConversations" :key="conversation.id" | 43 | <view v-for="conversation in filteredConversations" :key="conversation.id" |
| 44 | class="conversation-item mt-2 mb-4 border-b border-gray-100 pb-2" | 44 | class="conversation-item mt-2 mb-4 border-b border-gray-100 pb-2" |
| ... | @@ -209,7 +209,7 @@ const startPolling = () => { | ... | @@ -209,7 +209,7 @@ const startPolling = () => { |
| 209 | if (pollingTimer.value) { | 209 | if (pollingTimer.value) { |
| 210 | clearInterval(pollingTimer.value) | 210 | clearInterval(pollingTimer.value) |
| 211 | } | 211 | } |
| 212 | - | 212 | + |
| 213 | // 启动新的定时器 | 213 | // 启动新的定时器 |
| 214 | pollingTimer.value = setInterval(() => { | 214 | pollingTimer.value = setInterval(() => { |
| 215 | pollMessages() | 215 | pollMessages() | ... | ... |
-
Please register or login to post a comment