Skip to content

mp-safe-area 安全区域适配

介绍文档:安全区域适配

代码演示

vue
<template>
  <mp-nav-bar title="safe-bottom" />

  <view class="page">
    <view class="list">
      <view v-for="index in 8" :key="index" class="card"></view>
    </view>

    <mp-safe-area />
  </view>
</template>

API

Props

Prop nameDescriptionTypeValuesDefault
type取值类型stringsafeTop, safeBottom, navbar, statusBar, menuButtonTop'safeBottom'

源码

组件示例