Empty 空状态

用于页面无数据时展示

基本使用

<!-- 默认 --> 
<com-empty></com-empty>

<!-- 设置提示文本 --> 
<com-empty text="没有找到您需要的内容~"></com-empty>

<!-- 设置颜色 --> 
<com-empty icon-color="#ff6c6c" text-color="#cc190c"></com-empty>

<!-- 添加自定义内容 --> 
<com-empty>
    <com-button type="main" width="100" height="50">首页</com-button>
</com-empty>

API

Props

属性名	说明	类型	必填	默认值
icon	展示的图片，如果为空则展示默认的icon	String	false	-
text	无数据是吧展示的文本	String	false	暂无数据
iconColor	图标颜色	String	false	#F4DCB6
size	图标大小	String / Number	false	150
imageWidth	图片宽度	String	false	50
imageHeight	图片高度	String	false	50
textSize	文本字体大小	String / Number	false	28
textColor	文本颜色	String	false	#FAC245
center	是否垂直居中展示	Boolean	false	true
height	容器高度	Number / String	false	400

Slot

名称	说明	默认
default	底部内容，例如可以加入按钮	-