uniapp实现列表置顶

要实现列表置顶，你可以使用uni-app中提供的scroll-view组件。

首先，需要在scroll-view组件中添加一个置顶按钮，按钮的点击事件需要使用scroll-view组件中的scroll-top属性来实现。

接着，需要监听scroll-view组件的滚动事件，判断当前滚动的距离是否大于列表的高度，如果大于则显示置顶按钮，否则隐藏。

最后，在置顶按钮的点击事件中，将scroll-view组件的scroll-top属性设置为0，即可实现列表置顶的功能。

以下是一个简单的示例代码：

<template>
  <view>
    <scroll-view class="list" scroll-y="true" scroll-top="{{scrollTop}}" bindscroll="onScroll">
      <!-- 列表内容 -->
    </scroll-view>
    <view class="to-top" style="display:{{showTopBtn ? 'block' : 'none'}}" bindtap="toTop">返回顶部</view>
  </view>
</template>

<script>
  export default {
    data() {
      return {
        scrollTop: 0, // scroll-view 组件的滚动位置
        showTopBtn: false, // 是否显示置顶按钮
      }
    },
    methods: {
      // 监听 scroll-view 组件的滚动事件
      onScroll(event) {
        const scrollTop = event.detail.scrollTop
        const listHeight = 1000 // 列表的高度
        if (scrollTop > listHeight) {
          this.showTopBtn = true
        } else {
          this.showTopBtn = false
        }
      },
      // 点击置顶按钮，将 scroll-view 组件的滚动位置设置为0
      toTop() {
        this.scrollTop = 0
      }
    }
  }
</script>

<style>
  .list {
    height: 500px;
    overflow: auto;
  }
  .to-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    width: 100px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background-color: #333;
    color: #fff;
    border-radius: 20px;
    cursor: pointer;
  }
</style>

你可以根据自己的实际需求进行修改。