CSS | 组件之loading动画适配屏幕尺寸

loading组件

我们在做项目的过程中尤其是跳转页面和请求接口的时，经常需要对页面的跳转进行优化，让跳转页面和接口请求数据显得更加平滑，体验效果更好。所以loading组件就产生了。

此代码适配于屏幕尺寸大小，所以可以直接使用。总结代码如下：
CSS

#mark-bg {
   
  position: absolute;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  z-index: 1000;
}

#mark-bg .container {
   
  width: 30vw;
  height: 30vw;
  z-index: 1000;
  display: inline-block;