当前位置: article > 正文

【uniapp】uniapp设置安全区域：_uniapp 安全区域

作者：不正经 | 2024-02-27 12:32:47

踩

uniapp 安全区域

文章目录

- - - 一、效果图:
    - 二、实现代码:

一、效果图:

在这里插入图片描述

二、实现代码:

{
	"path": "pages/index/index",
	"style": {
		"navigationStyle": "custom",
		"navigationBarTextStyle": "white",
		"navigationBarTitleText": "首页"
	}
},
1
2
3
4
5
6
7
8

<script setup lang="ts">
// 获取屏幕边界到安全区域距离
const { safeAreaInsets } = uni.getSystemInfoSync()
</script>

<template>
  <view class="navbar" :style="{ paddingTop: safeAreaInsets?.top + 'px' }">
	....
  </view>
</template>
1
2
3
4
5
6
7
8
9
10

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/不正经/article/detail/152972