<!--
 *
 * loadingGif组件--"数据请求中"
 *
 * 使用方法：
 * <loading-gif :show-loading="showLoaddingGif"></loading-gif>
 *
 *  通过修改showLoaddingGif的true或者false 来控制loading的显示和隐藏!
 *
 -->
<template>
  <div class='loading-wrap'  v-show="showLoading">
    加载中。。。。。。
  </div>
</template>


<script>
export default {
  props: ["showLoading"],
  name: 'loading'
}
</script>


<style scoped>
.loading-wrap{
  position: fixed;
  top:0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #ccc;
}
</style>


