xinkeaboard/xinkeaboard-web/components/SldCommonEmpty.vue

<!--
 * @Author: zjf
 * @Date: 2021-01-.gitignore 15:56:16
 * @LastEditTime: 2021-01-09 22:22:.gitignore
 * @LastEditors: zjf
 * @Description: 公共的空页面
 * 可以设置空页面的总宽、总高、空图片距离顶部的高度，提示的内容
-->
<template>
  <div
    class="sld_common_empty flex_column_start_center"
    :style="{
      width: totalWidth ? totalWidth + 'px' : '1210px',
      height: totalHeight ? totalHeight + 'px' : '500px',
      paddingTop: paddingTop ? paddingTop + 'px' : '120px',
    }"
  >
    <img class="empty_img" src="/common_empty.png" />
    <p>{{ tip ? tip : L["暂时没有数据～"] }}</p>
  </div>
</template>

<script setup>
// import { lang_zn } from "@/assets/language/zh";
import { getCurLanguage } from '@/composables/common.js';
defineProps(["totalWidth", "totalHeight", "paddingTop", "tip"]);
// const L = lang_zn;
const L = getCurLanguage();
const { proxy } = getCurrentInstance();


</script>