Appearance
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 name | Description | Type | Values | Default |
---|---|---|---|---|
type | 取值类型 | string | safeTop , safeBottom , navbar , statusBar , menuButtonTop | 'safeBottom' |