SafeArea 安全区 v1.5.8

介绍

在全面屏下提供自适应的边距调整，当网页被全屏展示时，可借助安全区实现自动适配。

基础用法

<template>
  <nut-safe-area position="bottom"></nut-safe-area>
</template>

API

Props

参数	说明	类型	可选值	默认值
position	安全区的位置	string	top / bottom	-

主题定制

样式变量

组件提供了下列 CSS 变量，可用于自定义样式，使用方法请参考 ConfigProvider 组件。

名称	说明	默认值
--nutui-safe-area-multiple	显示的倍数	1