uniapp页面置顶下拉刷新

可以通过在 `pages.json` 中配置 `"enablePullDownRefresh": true` 来开启下拉刷新功能。而要实现置顶功能，可以使用 `scroll-view` 组件，并在 `scroll-view` 上监听 `scroll` 事件，当滚动距离大于一定值时，显示置顶按钮，点击按钮后将滚动距离设置为0即可。以下是一个示例代码：

<template>
  <view>
    <scroll-view class="scroll-view" scroll-y="true" @scroll="onScroll">
      <!-- 这里是页面内容 -->
    </scroll-view>
    <view class="back-to-top" v-show="showBackToTop" @click="backToTop">置顶</view>
  </view>
</template>

<script>
export default {
  data() {
    return {
      scrollTop: 0, // 当前滚动距离
      showBackToTop: false // 是否显示置顶按钮
    }
  },
  methods: {
    onScroll(event) {
      this.scrollTop = event.detail.scrollTop
      // 当滚动距离大于500时，显示置顶按钮
      this.showBackToTop = this.scrollTop > 500
    },
    backToTop() {
      // 点击置顶按钮后将滚动距离设置为0
      uni.pageScrollTo({
        scrollTop: 0,
        duration: 300
      })
    }
  }
}
</script>

<style>
/* 这里是样式 */
.scroll-view {
  height: 100vh;
}
.back-to-top {
  position: fixed;
  right: 20px;
  bottom: 20px;
  width: 60px;
  height: 60px;
  line-height: 60px;
  text-align: center;
  background-color: #333;
  color: #fff;
  border-radius: 30px;
  opacity: 0.8;
  transition: opacity 0.3s;
}
.back-to-top:hover {
  opacity: 1;
}
</style>