BackgroundImage 背景图

用于显示固定定位或相对父容器绝对定位的背景图，也可以只设置背景颜色。

支持平台

以下为官网文档所列的平台支持情况，具体功能及版本限制请参见本页的平台说明。

App-vue	App-nvue	微信小程序	支付宝小程序	百度小程序	字节小程序	QQ小程序	H5	PC	快手小程序	钉钉小程序
✓	✓	✓	✓	✓	✓	✓	✓	✓	✓	✓

基础用法

<!-- 页面背景 -->
<fui-background-image src="/static/background.png" />

属性

属性	类型	说明	官网默认值
src	String	背景图片地址	-
background	String	背景颜色	transparent
zIndex	Number	层级	-1
aspectFill	Boolean	是否保持比例并裁剪图片	true
absolute	Boolean	是否使用绝对定位；否则使用固定定位	false

使用说明

设置 absolute 时，请为父容器设置非 static 的定位方式。nvue 不支持 zIndex，元素前后顺序会影响覆盖关系。

插槽

插槽	说明
default	背景组件内部的自定义内容

事件

事件	说明	回调参数
—	无自定义事件	—