uniapp 下拉效果显示

在uniapp中实现下拉效果，可以使用uni-ui组件库中的uni-list和uni-list-item组件结合下拉刷新组件uni-refresher来实现。具体步骤如下：

1. 在页面中引入uni-ui组件库

<template>
  <view>
    <!-- 引入uni-ui组件库 -->
    <uni-list>
      <uni-list-item title="列表项1"></uni-list-item>
      <uni-list-item title="列表项2"></uni-list-item>
      <uni-list-item title="列表项3"></uni-list-item>
    </uni-list>
    <!-- 引入下拉刷新组件 -->
    <uni-refresher @refresh="onRefresh">
      <view slot="content">下拉刷新内容</view>
    </uni-refresher>
  </view>
</template>

<script>
  import uniList from '@/uni-ui/uni-list/uni-list.vue'
  import uniListItem from '@/uni-ui/uni-list-item/uni-list-item.vue'
  import uniRefresher from '@/uni-ui/uni-refresher/uni-refresher.vue'

  export default {
    components: { uniList, uniListItem, uniRefresher },
    methods: {
      onRefresh() {
        // 下拉刷新回调函数
      }
    }
  }
</script>

2. 在页面中添加uni-list和uni-list-item组件，并填充列表内容。

3. 在页面中添加uni-refresher组件，并注册下拉刷新回调函数。在回调函数中实现下拉刷新的逻辑。

需要注意的是，uni-refresher组件必须要有一个名为content的slot，用于放置下拉刷新的内容。

通过以上步骤，就可以实现uniapp下拉效果的显示了。