- <template>
- <div class="empty flex flex-v flex-align-center flex-justcontent-center">
- <img
- :src="emptySrc"
- class="emptySrc"
- :style="{ width: width + 'px', height: height + 'px' }"
- />
- <div class="empty-text">{{ emptyText }}</div>
- </div>
- </template>
- <script setup>
- import emptySrc from "@/assets/images/empty.png";
- const props = defineProps({
- //空数据文本
- emptyText: {
- type: String,
- default: "暂无数据...",
- },
- width: {
- type: Number,
- default: 220,
- },
- height: {
- type: Number,
- default: 220,
- },
- });
- </script>
- <style scoped lang="scss">
- .empty {
- width: 100%;
- .emptySrc {
- }
- .empty-text {
- font-size: 17px;
- font-family: Source Han Sans CN-Regular, Source Han Sans CN;
- font-weight: 400;
- color: #6a8dda;
- line-height: 29px;
- position: absolute;
- margin-bottom: 20px;
- }
- }
- </style>