Empty 空状态

基础用法

• 使用type来设定不同的样式，默认使用noContent。可选值有404 noContent noNetwork noResult

noContent 404 noNetwork noResult

<db-row >
  <db-col >
    <db-empty>noContent</db-empty>
  </db-col>
  <db-col >
    <db-empty type="404">404</db-empty>
  </db-col>
  <db-col >
    <db-empty type="noNetwork">noNetwork</db-empty>
  </db-col>
  <db-col >
    <db-empty type="noResult">noResult</db-empty>
  </db-col>
</db-row>

Expand Copy Copy

不同大小

• 使用size来设定不同的大小，默认使用normal。可选值有large normal small

大 中 小

<db-row >
  <db-col >
    <db-empty size="large">大</db-empty>
  </db-col>
  <db-col >
    <db-empty size="normal">中</db-empty>
  </db-col>
  <db-col >
    <db-empty size="small">小</db-empty>
  </db-col>
</db-row>

Expand Copy Copy

Attributes

参数	说明	类型	可选值	默认值
size	大小	string	large normal small	small
type	类型	string	404 noContent noNetwork noResult	noContent

Slot

name	说明
-	放置图片底部

Events

事件名称	说明	回调参数
所有dom事件	-	-