12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849 |
- import React,{Component} from "react";
- import {Image, View} from "@tarojs/components";
- import { AtActivityIndicator,AtDivider } from 'taro-ui';
- import "taro-ui/dist/style/components/icon.scss";
- import "taro-ui/dist/style/components/divider.scss";
- import "taro-ui/dist/style/components/icon.scss";
- import './index.less';
- import noData from '../../../assets/images/noData.png';
- class ListBottomStart extends Component{
- constructor(props) {
- super(props);
- }
- render() {
- const { state } = this.props;
- return (
- <View className='listBottomStartComponent'>
- {
- state === 'NO_MORE_DATA' ?
- <View style={{width:'100%'}}>
- <AtDivider content='没有更多了' fontColor='#999999' lineColor='#999999' />
- </View>:
- state === 'RELOAD' ?
- <View className='reload'>
- <View>加载失败</View>
- <View className='operation' onClick={()=>{
- this.props.reload && this.props.reload();
- }}>点击重新加载</View>
- </View>:
- state === 'LOADING' ?
- <View>
- <AtActivityIndicator content='加载中...'/>
- </View>:
- state === 'NO_DATA' ?
- <View className='noData'>
- <Image src={noData} className='noDataImg'/>
- <View className='noDataTitle'>暂时没有数据</View>
- </View>
- : null
- }
- </View>
- )
- }
- }
- export default ListBottomStart;
|