miniapp-safe-area v0.0.1

微信小程序 miniapp-safe-area

处理 iphone 手机底部小黑条的边距问题。

Usage

开启微信小程序的 npm 支持： https://developers.weixin.qq.com/miniprogram/dev/devtools/npm.html

index.json

{
  "usingComponents": {
    "safe-area": "miniapp-safe-area/safe-area/index",
    "safe-bottom": "miniapp-safe-area/safe-bottom/index"
  }
}

index.wxml

<view class="container">
    <safe-area ui-class="safe-1">
        <view class="content-1">safe 1</view>
    </safe-area>
    <safe-bottom ui-class="safe-2">
        <view class="content-2">safe 2</view>
    </safe-bottom>
</view>

显示效果