joywok-material-components/components/loading/HorizontalLoading.js

<h1 align="center"> Joywok Material Components </h1>

/**
 * Loading 横向三个灰色的点
*/
import React , {Component} from 'react';
import ReactDOM from 'react-dom';
import {connect} from 'dva';

require('./style/horizontalLoading.css');
class HorizontalLoading extends Component{
  render(){
    return(
      <div className="horizontal-loader dimission-loader">
        <div className="spinner">
          <div className="bounce1"></div>
          <div className="bounce2"></div>
          <div className="bounce3"></div>
        </div>
        <div className="horizontal-loading-txt">{this.props.loadText?this.props.loadText:i18n('label.loadinghard.tips')}</div>
      </div>
    )
  }
}

export default connect((state)=>{return state})(HorizontalLoading);