ux-m-platform-safearea-wrap

平台移动端iphone x适配

Usage no npm install needed!

<script type="module">
  import uxMPlatformSafeareaWrap from 'https://cdn.skypack.dev/ux-m-platform-safearea-wrap';
</script>

README

为iphone x提供的安全区域占位

用于iphone x中包装出现在页面底部的操作按钮 注意：此组件需运行在iphoneX下才有效果

UI规则

  • 保持原按钮热区不变 在下方增加安全区域 跟随按钮背景色

原始按钮

safe

适配后的按钮

safe

API

SafeAreaWrap props

name description type default
wrapCls 自定义容器 css String ''
wrapStyle 自定义容器 style Object {}
safeAreaStyle 自定义安全区域style Object {}
children 被包装的按钮 Object
noSafeArea 是否显示安全区域 Boolean true