xjsaas-ui/src/components/empty/fssm-empty.vue

52 lines
908 B
Vue

<!--
* @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>