uniapp列表默认显示5条数据，上滑列表至底部，下方显示图标+正在加载当没有更多数据可加载后，在页面底部显示“没有更多数据了”

uniApp 中实现这种列表滚动加载效果通常会涉及到组件的生命周期钩子、分页逻辑以及状态管理。以下是步骤概述：

1. **设置初始数据和默认显示**：
使用 `listData` 变量存储初始的五条数据显示在列表中。你可以通过数组或者动态数据源来初始化。

data() {
  return {
    listData: [],
    loadMoreStatus: 'default', // 初始状态，默认无更多数据
  };
}

2. **监听滚动事件**：
在组件的模板中，使用 `<scroll-view>` 组件并监听其 `scrolltolower` 或 `scrolltoupper` 事件，判断是否达到底部边界。

<view class="scroll-view" scroll-y="true" @scrolltolower="loadMoreData">
  <!-- 列表内容 -->
</view>

3. **分页请求数据**：
当用户滚动到底部时，调用 `loadMoreData` 方法，向服务器发送请求获取更多数据。同时更新 `loadMoreStatus` 为 `'loading'` 显示加载状态图标。

methods: {
  loadMoreData(e) {
    if (this.loadMoreStatus === 'loading') return; // 避免重复加载
    this.loadMoreStatus = 'loading';
    // 发送网络请求
    this.$axios.get('api/loadMore').then(response => {
      if (response.data.length > 0) { // 如果有新数据
        this.listData.push(...response.data);
      } else { // 没有更多数据
        this.loadMoreStatus = 'none'; // 更新状态到 'none'
        this.$通知中心().show({
          title: '提示',
          message: '没有更多数据了',
        });
      }
    }).catch(() => {
      this.loadMoreStatus = 'error'; // 错误处理
    });
  },
}

4. **状态管理**：
状态管理工具如 Vuex 可以帮助你更好地管理和跟踪 `loadMoreStatus`，保证在整个应用内的统一。

以上是一个简化的示例，实际项目中可能需要根据具体的业务需求进行调整，并且可以配合 Vue Router 的懒加载策略来优化性能。