<template>
  <div class="loading-wrap">
    <div class="loading-inner">
      <div class="loading-cell" :class="{isAnimate:loading}" v-for="i in 10">
        <div class="loading-left l-animate"></div>
        <div class="loading-right">
          <p class="p1 l-animate"></p>
          <p class="p2 l-animate"></p>
          <p class="p3 l-animate"></p>
          <p class="p2 l-animate"></p>
        </div>
      </div>
    </div>
  </div>
</template>
<script>
    export default {
        name: '',
        props:{
          loading:'',
        },
        data () {
            return {}
        },
        methods: {}
    }
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style lang="stylus" scoped>

</style>
