feat(onPullDownRefresh): 原生下拉刷新实现,但效果并不好
This commit is contained in:
parent
6683e0a466
commit
49a4c255e2
@ -10,6 +10,7 @@
|
|||||||
"path": "pages/my/index",
|
"path": "pages/my/index",
|
||||||
"style": {
|
"style": {
|
||||||
"navigationBarTitleText": "我的",
|
"navigationBarTitleText": "我的",
|
||||||
|
"enablePullDownRefresh": true,
|
||||||
"navigationStyle": "custom"
|
"navigationStyle": "custom"
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@ -40,8 +40,17 @@
|
|||||||
|
|
||||||
<script lang="ts" setup>
|
<script lang="ts" setup>
|
||||||
import useNavbarWeixin from '@/hooks/useNavbarWeixin'
|
import useNavbarWeixin from '@/hooks/useNavbarWeixin'
|
||||||
|
import { onPullDownRefresh } from '@dcloudio/uni-app'
|
||||||
|
|
||||||
const { pages, isTabbar, onScrollToLower, safeAreaInsets } = useNavbarWeixin()
|
const { pages, isTabbar, onScrollToLower, safeAreaInsets } = useNavbarWeixin()
|
||||||
|
|
||||||
|
// 发现原生下拉刷新效果并不好,在微信里面只有顶部导航栏下拉才生效,页面区域下拉不生效,体验不好
|
||||||
|
onPullDownRefresh(() => {
|
||||||
|
console.log('refresh')
|
||||||
|
setTimeout(function fn() {
|
||||||
|
uni.stopPullDownRefresh()
|
||||||
|
}, 1000)
|
||||||
|
})
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="scss">
|
<style lang="scss">
|
||||||
|
Loading…
x
Reference in New Issue
Block a user