<!--
 * @Author: changjun
 * @FilePath: /qingdao-safety-product/src/views/screen/components/ModuleEmpty.vue
 * @Date: 2022-07-08 08:52:06
 * @Description: 空状态组件
 * @LastEditTime: 2022-07-27 14:19:58
 * @LastEditors: changjun
-->
<script setup lang="ts">
import EmptyImg from '../../../assets/image/moduleLack.svg'
</script>

<template>
  <div class="empty-block">
    <img :src="EmptyImg" alt="" class="empty-img" />
  </div>
</template>

<style scoped lang="scss">
.empty-block {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;

  .empty-img {
    width: 150px;
    height: 150px;
  }
}
</style>
