LoadMore 页面提示

用在列表里面，做滚动加载使用

使用指南

在 Taro 文件中引入组件

import { AtLoadMore } from 'taro-ui'

组件依赖的样式文件（仅按需引用时需要）

@import "~taro-ui/dist/style/components/load-more.scss";
@import "~taro-ui/dist/style/components/activity-indicator.scss";
@import "~taro-ui/dist/style/components/button.scss";

一般用法

说明: 开发者自行控制 status 来控制展示的状态

import Taro from '@tarojs/taro'
import { View } from '@tarojs/components'
import { AtLoadMore } from 'taro-ui'
export default class LoadMorePage extends Taro.Component {
  constructor () {
    super(...arguments)
    this.state = {
      status: 'more'
    }
  }
  handleClick () {
    // 开始加载
    this.setState({
      status: 'loading'
    })
    // 模拟异步请求数据
    setTimeout(() => {
      // 没有更多了
      this.setState({
        status: 'noMore'
      })
    }, 2000)
  }
  render () {
    return (
      <AtLoadMore
        onClick={this.handleClick.bind(this)}
        status={this.state.status}
      />
    )
  }
}

参数

事件