myvtm/addin/res/ManagerDesktop/js/loading.js

import React from 'react';
import 'Assets/css/loading.scss'

export default class Loading extends React.PureComponent {

  constructor(props){
    super(props);

  }
  render() {
    let h = document.documentElement.clientHeight/3+'px'; 
    return (
      <div id='loadContent' style={{display:this.props.display?"block":"none"}}>
        {/* <BackCover /> */}
        <div className="back_cover" style={{ background:'rgba(255, 255,255, 0.1)'}} ></div>

        <div className='loading' id='loading' style={{top:h}}>
         
          <div className='circle circle1'>
            <span></span>
            <span></span>
            <span></span>
            <span></span>
          </div>
          <div className='circle circle2'>
            <span></span>
            <span></span>
            <span></span>
            <span></span>
          </div>
          <div className='circle circle3'>
            <span></span>
            <span></span>
            <span></span>
            <span></span>
          </div>
        </div>
      </div>
    )
  }

}