/
githubmirror
/
element
Обзор
Документация
Войти
/
githubmirror
/
element
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
dev
packages/empty/src/index.vue
50 строк
1 KB
好多大米
Empty: add empty component (#21080)
17 июн 2021, 10:18
Не верифицирован
17 июн 2021, 10:18
d0b3454
Код
Авторство
О чём код?
<template> <div class="el-empty"> <div class="el-empty__image" :style="imageStyle"> <img v-if="image" :src="image" ondragstart="return false"> <slot v-else name="image"> <img-empty /> </slot> </div> <div class="el-empty__description"> <slot v-if="$slots.description" name="description"></slot> <p v-else>{{ emptyDescription }}</p> </div> <div v-if="$slots.default" class="el-empty__bottom"> <slot></slot> </div> </div> </template> <script> import ImgEmpty from './img-empty.vue'; import { t } from 'element-ui/src/locale'; export default { name: 'ElEmpty', components: { [ImgEmpty.name]: ImgEmpty }, props: { image: { type: String, default: '' }, imageSize: Number, description: { type: String, default: '' } }, computed: { emptyDescription() { return this.description || t('el.empty.description'); }, imageStyle() { return { width: this.imageSize ? `${this.imageSize}px` : '' }; } } }; </script>