<template>
   <div class="slc-empty">
     <common-svg :name="name" width="60px" height="60px"></common-svg>
     <div style="margin-top:10px;">{{tip}}</div>
   </div>
</template>

<script lang="ts">
import { Component, Prop, Vue } from 'vue-property-decorator';
import CommonSvg from './CommonSvg.vue';
@Component({
  name: 'Empty',
   components: {
    CommonSvg,
  },
})
export default class Empty extends Vue {
  @Prop({
    default: '暂无记录',
  }) private tip!: string;
  @Prop() private name!: string;
}
</script>
<style scoped lang="scss">
   .slc-empty{
     display: flex;
     flex-direction: column;
     justify-content: center;
     align-items: center;
     height: 100%;
     color:#B6B5BA;
     font-size: 14px;
   }
</style>
