Blame view

src/components/loading.vue 563 Bytes
7e22e0a3   liuqimichale   loading
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
  <!--
   *
   * 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>