Bläddra i källkod

feat(onPullDownRefresh): 原生下拉刷新实现,但效果并不好

Burt 2 år sedan
förälder
incheckning
49a4c255e2
2 ändrade filer med 10 tillägg och 0 borttagningar
  1. 1 0
      src/pages.json
  2. 9 0
      src/pages/my/index.vue

+ 1 - 0
src/pages.json

@@ -10,6 +10,7 @@
       "path": "pages/my/index",
       "style": {
         "navigationBarTitleText": "我的",
+        "enablePullDownRefresh": true,
         "navigationStyle": "custom"
       }
     }

+ 9 - 0
src/pages/my/index.vue

@@ -40,8 +40,17 @@
 
 <script lang="ts" setup>
 import useNavbarWeixin from '@/hooks/useNavbarWeixin'
+import { onPullDownRefresh } from '@dcloudio/uni-app'
 
 const { pages, isTabbar, onScrollToLower, safeAreaInsets } = useNavbarWeixin()
+
+// 发现原生下拉刷新效果并不好,在微信里面只有顶部导航栏下拉才生效,页面区域下拉不生效,体验不好
+onPullDownRefresh(() => {
+  console.log('refresh')
+  setTimeout(function fn() {
+    uni.stopPullDownRefresh()
+  }, 1000)
+})
 </script>
 
 <style lang="scss">