# Empty 为空展示

该组件用于需要加载内容,但是加载内容数据为空的情况下进行提示,精心挑选了十几种场景使用的缺省页状态

提示

如果内置的缺省页数量不够或者不符合小伙伴项目所需,那么我们还提供了缺省页自定义配置,相同名称的缺省页将会被自定义覆盖,自定义优先级最高。
添加自定义缺省页配置:dnvue-ui / public / empty.js 文件中添加自定义缺省页配置,然后使用参数 mode 显示自定义配置的缺省页名称即可

# 基本使用

通过 <n-empty> 形式调用,mode 参数设置显示为空数据展示类型,默认显示 没有内容

<n-empty mode="content"></n-empty>

# 自定义描述文本

通过 text 参数自定义当前缺省页的显示文本

<n-empty text="没有可显示的内容哦~"></n-empty>

# slot 自定义内容区域

自定义内容区域,可设置按钮等功能性指引操作

<n-empty mode="shopping">
	<n-button text="去挑选"></n-button>
</n-empty>

# API

# Attribute 属性

属性 说明 类型 可选值 默认值
mode 为空类型 String content / network / search / collection / evaluation / load / shopping / order / address / server content
text 描述文本 String, Number - -
size 文本字号 String, Number - 32
color 文本颜色 String - gray-6