本网站可以通过分类标签帮助你快速筛选出你想看的文章,记住地址:www.Facec.cc

element-ui 封装表单no-data 为自定义页面

想自定义表格 空数据时的页面

0. 先看效果

image.png

1. 思路分析: 利用elementUI 表单table组件自带的插槽属性

image.png

2. 设置成公共全局css

common.scss

.tableEmpty {
  width: 320px;
  height: 466px;
  background-size: 100% 100%;
  background-image: url(./assets/noData.png);
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  display: block
}

3. 页面的表单 引用css

image.png

<template #empty>
	<span class="tableEmpty"></span>
</template>
# css  

评论