<!--
 * @Author: SunTao 328867980@qq.com
 * @Date: 2024-12-19 13:27:46
 * @LastEditors: SunTao 328867980@qq.com
 * @LastEditTime: 2024-12-19 13:53:35
 * @FilePath: \znxjxt-ui\src\components\empty\fssm-empty.vue
 * @Description: 空数据提示组件
 *
-->
<template>
  <div class="fssm-empty-tip">
    <img src="~@/assets/images/empty.svg" />
    <div class="fssm-empty-tip__label">{{ tip }}</div>
  </div>
</template>

<script>
export default {
  name: "FssmEmpty",
  props: {
    tip: {
      type: String,
      default: "暂无数据",
    },
  },
  data() {
    return {};
  },
};
</script>

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

  img {
    width: 25%;
  }

  .fssm-empty-tip__label {
    color: #1b7698;
    font-family: "DouYu";
    font-size: 0.8rem;
  }
}
</style>
