Empty 空状态 APP

该方法或组件支持移动端小程序调用

PC

该方法或组件支持桌面端小程序调用

在后台返回结果为空时展示的占位图。

规则

• 当目前没有数据时，用于显式的用户提示。
• 初始化场景时的引导创建流程。

引入方式

数字生活小程序工程中，不需要 import，直接使用组件标签即可。

import { Empty } from '@21cnfe/vui'  
Vue.component('Empty', Empty)

代码演示

<Empty />

<Empty imgUrl="imgUrl" :image-style="{ height: '50px' }">
  <div slot="description">
    这是 <a href="#">自定义描述</a> 的内容
  </div>
</Empty>

API