Add File
This commit is contained in:
43
frontend/src/views/dashboard/common/EmptyBackgroundSvg.vue
Normal file
43
frontend/src/views/dashboard/common/EmptyBackgroundSvg.vue
Normal file
@@ -0,0 +1,43 @@
|
||||
<script lang="ts" setup>
|
||||
import nothingSelectDashboard from '@/assets/img/none-dashboard.svg'
|
||||
defineProps({
|
||||
imageSize: {
|
||||
type: Number,
|
||||
default: 125,
|
||||
},
|
||||
description: {
|
||||
type: String,
|
||||
default: '',
|
||||
},
|
||||
})
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<div class="ed-empty empty-info">
|
||||
<div class="ed-empty__image" style="width: 125px">
|
||||
<el-icon size="125" class="icon-primary">
|
||||
<nothingSelectDashboard></nothingSelectDashboard>
|
||||
</el-icon>
|
||||
</div>
|
||||
<div class="ed-empty__description">
|
||||
<p>{{ description }}</p>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<style lang="less" scoped>
|
||||
.empty-info {
|
||||
height: 90%;
|
||||
padding-top: 0;
|
||||
}
|
||||
:deep(.ed-empty__description) {
|
||||
margin-top: 8px;
|
||||
|
||||
color: var(--N600, #646a73);
|
||||
text-align: center;
|
||||
font-size: 14px;
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
line-height: 22px;
|
||||
}
|
||||
</style>
|
||||
Reference in New Issue
Block a user