<template>
  <div id="load-warp">
    <div class="m-load"> </div>
  </div>

</template>

<script>
export default {}
</script>
<style lang="less" scoped>
#load-warp {
  position: absolute;
  height: 100%;
  line-height: 100%;
  width: 100%;
  background: rgba(255, 255, 255, 0.8);
  z-index: 99999;
  display: none;
  text-align: center;
}

.m-load {
  position: relative;
  top: 50%;
  margin-top: -18px;
  width: 36px;
  height: 36px;
  background: url('../../assets/images/load.gif') center center no-repeat;
  display: inline-block;
}
</style>
