uniapp返回顶部组件

UniApp 平台中可以使用 `uni-page-scroll-to` 组件实现返回顶部的功能。你可以在需要返回顶部的页面的 `template` 中添加以下代码：

<template>
  <view>
    <!-- 页面内容 -->
  </view>
  
  <!-- 返回顶部按钮 -->
  <uni-page-scroll-to 
    :duration="300" 
    :scroll-top="0"
    @click="scrollToTop"
  >
    <view class="back-to-top">返回顶部</view>
  </uni-page-scroll-to>
</template>

<script>
export default {
  methods: {
    scrollToTop() {
      // 调用 uni.pageScrollTo 方法滚动到页面顶部
      uni.pageScrollTo({
        scrollTop: 0,
        duration: 300
      });
    }
  }
}
</script>

<style>
.back-to-top {
  position: fixed;
  bottom: 20px;
  right: 20px;
  width: 80px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  background-color: #333;
  color: #fff;
  border-radius: 20px;
}
</style>

以上代码中，我们使用了 `uni-page-scroll-to` 组件来实现返回顶部的功能。当点击“返回顶部”按钮时，会触发 `scrollToTop` 方法，该方法调用了 UniApp 的 `uni.pageScrollTo` 方法来滚动到页面顶部。你可以根据需要自定义返回顶部按钮的样式。