<template>
  <div class="loading-container">
    <image class="loading-image" :src="snapshot" mode="widthFix"></image>
    <!-- <van-loading size="24px" vertical></van-loading> -->
  </div>
</template>
<script>
  import wepy from '@wepy/core';

  wepy.component({
    props: {
      snapshot: {
        type: String,
        default: ''
      }
    }
  });
</script>
<style lang="less">
  .loading-container {
  	position: absolute;
  	width: 100%;
  	height: 100%;
  	background:rgba(0,0,0,0.7);
  	display: flex;
  	justify-content: center;
  	align-items: center;
  	z-index: 1;
    .loading-image {
      position: absolute;
      width: 100%;
    }
  }
</style>
<config>
{
    usingComponents: {
      'van-loading': '~@/components/vant/loading/index'
    }
}
</config>
