Loading 加载

() => {
  const [isloading, setisloading] = React.useState(true)
  function toggleloading() {
    setisloading(!isloading)
  }
  return (
    <div style={{ padding: '8px' }}>
      <Button
        onClick={() => toggleloading()}
        style={{ marginBottom: '10px' }}
      >
        loading切换
      </Button>
      <Loading loading={isloading} color={'purple'} text={'loading'}>
        <div
          style={{
            width: '100%',
            height: '200px',
            border: '1px solid #dddddd',
          }}
        >
          <center style={{ position: 'relative', top: '90px' }}>
            hellojackhui
          </center>
        </div>
      </Loading>
    </div>
  )
}

() => {
  const [isfullscreen, setisfullscreen] = React.useState(false)
  function togglesecondloading() {
    setisfullscreen(!isfullscreen)
    if (typeof window !== `undefined`) {
      window.setTimeout(() => {
        setisfullscreen(false)
      }, 2000)
    }
  }
  return (
    <div>
      <Button onClick={() => togglesecondloading()}>全屏加载</Button>
      <Loading loading={isfullscreen} fullScreen={isfullscreen}></Loading>
    </div>
  )
}