SafeArea 底部安全区域

用于在页面底部预留设备安全区域，避免内容被系统区域遮挡。

支持平台

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

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

基础用法

<!-- 底部安全区 -->
<fui-safe-area background="#FFFFFF"></fui-safe-area>

属性

属性	类型	说明	官网默认值
background	String	安全区域的背景色	#FFFFFF

事件

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

平台说明

nvue 和字节跳动小程序通过设备信息判断安全区；其他平台使用系统安全区 CSS 环境变量。

插槽

插槽	说明
—	官网未列出该组件的插槽