react-ie8-loading v1.0.33

react-ie8-loading

• AnimateCpt 接受两个参数
  • show 参数显示隐藏bool类型
  • defaultStyle 默认样式bool类型 「默认不显示」

• 自定义样式类名 「c__loading--size」

      import  { AnimateCpt }  from 'react-ie8-loading';
      import 'react-ie8-loading/lib/css/loading.css';
     
     render () {
         return (
              <div style={{position: 'relative', width: '200px', height:'200px'}} className="test--parents">
                    <AnimateCpt show={true} defaultStyle={true}/>
             </div>
         )
     }

暂时不能使用

• 需要添加蒙版的父级元素添加class js__loading

• react componentDidMount 阶段使用 init 初始化

• fullShow 全屏显示

• fullClose 全屏关闭
• fullTargetShow 传入Dom显示

• fullTargetClose 传入Dom关闭

      import {Loading} from 'react-ie8-loading'
      import 'react-ie8-loading/css/loading.css'
      
      
      componentDidMount () {
          Loading.init()
      }
  
      fullTargetShow () {
           Loading.fullTargetShow(document.querySelector('.trigger__target'))
       }
  
      fullTargetClose () {
           Loading.fullTargetClose(document.querySelector('.trigger__target'))
       }
  
      render () {
         return (
          <div className="trigger__target js__loading">
            在显示的区域添加 js__loading 类名
          </div>
          <button  onClick={() => this.fullTargetShow()}>fullShow</button>
          <button  onClick={() => this.fullTargetClose()}>fullClose</button>
         )
      }