# 占位符

无内容可显示时的占位样式。

## 使用规则

正常情况下可显示内容，但由于某种原因无内容可显示时，可用占位符组件

适用于局部较小的容器中。

## 控件类型

### 类型总览

![](//sf3-cn.feishucdn.com/obj/open-platform-opendoc/0513a9c86cd2048d601640817363ee5b_N1UFBr83qX.png?height=298&lazyload=true&width=2048)

常用的占位符组件可分为：加载失败占位符、默认图片占位符

### 加载失败占位符

表示无法预览状态，常用于预览图加载失败、上传文件失败等场景。

![](//sf3-cn.feishucdn.com/obj/open-platform-opendoc/298af5b01faa693228c7c2828d565c97_097acme2Cd.png?height=298&lazyload=true&width=2048)

场景示例：

![](//sf3-cn.feishucdn.com/obj/open-platform-opendoc/85a26d0d08c3475f716fdba495c4bbd0_88UwFbd3Ko.png?height=724&lazyload=true&width=2048)

### 默认图片占位符

适用于偶现的无图片场景。

![](//sf3-cn.feishucdn.com/obj/open-platform-opendoc/581c598e15ba446801521f63b26cf6ab_HhUdAYxUJ6.png?height=298&lazyload=true&width=2048)

场景示例：

![](//sf3-cn.feishucdn.com/obj/open-platform-opendoc/d4865b5fa35deb370c29f1a7baf599d8_sCmuCDRXGR.png?height=644&lazyload=true&width=2048)

## 通用样式规则

**尺寸说明：** 默认尺寸为 36 px，支持需求根据容器大小自定义尺寸。

![](//sf3-cn.feishucdn.com/obj/open-platform-opendoc/623ed46feaf0120cebc411ffe451b1aa_zpPENSR6YS.png?height=298&lazyload=true&width=2048)

**颜色说明：** 色值为 N400，可支持常规背景色。

**自定义：** 支持根据自身品牌、需求自定义样式。