uniapp 开发 ipone底部安全区

代码如下

<template><view :style="{height:height,background: bgco}" v-if="need"></view>
</template>
<script>export default {name: "iphone-bottom",props: {height: {type: String,default: '50rpx'},bgco: {type: String,default: '#ffffff'},isSwitchPage: {type: Boolean,default: false}},data() {return {need: false}},created: function() {// #ifdef MPthis.setBottom();// #endif// #ifdef H5this.setBottom();// #endif},methods: {setBottom: function() {if (this.isSwitchPage) {return;}var system = uni.getSystemInfoSync();system.model = system.model.replace(' ', '');system.model = system.model.toLowerCase();var res1 = system.model.indexOf('iphonex');if (res1 > 5) {res1 = -1;}var res2 = system.model.indexOf('iphone1');if (res2 > 5) {res2 = -1;}if (res1 != -1 || res2 != -1) {this.need = true;}}}}
</script>

uniapp 开发 ipone底部安全区相关推荐

uniapp系列-改变底部安全区-顶部的手机信号、时间、电池栏颜色样式
uniapp 的默认安全区域的颜色是白色,如果我们做了沉浸式页面,背景色也是白色的话,就会看不到电池栏,等的颜色,如何修改呢? 首先来说底部安全区域下图是底部安全区原始状态,感觉和整个页面格格不入 ...
uni-app 开发 ios底部安全区域(底部白色区域块)
iOS方案:(仅App端支持) manifest.json 文件源码视图 app-plus 节点 safearea 设置背景色 "safearea": { "backg ...
uniapp开发中ios底部出现安全距离问题怎么解决？
uniapp开发ios的时候,底部会有空白的地方如果想要去掉,在manifest.json中点开源码视图配置: 进入源码,找到app-plus部分 "safearea" : { ...
uni-app底部安全区调整
uni-app 在app端默认为页面底部做了安全区适配(针对iphonex以上机型). APP端: 如果想移除这个高度,可以在manifest.json的app-plus节点下添加以下代码 " ...
关于uniapp开发微信小程序，实现聊天消息，最新消息最底部展示
关于uniapp开发微信小程序,实现聊天消息最新消息最底部展示实现消息最底部展示 uniapp\vue 页面布局此处我觉得最要注意的点就是看是谁产生的滚动条. 逻辑书写关键字: scrollTo ...
uniapp全面屏手机设置底部安全区颜色
这个问题是两个月前碰到的,那时项目比较急,没怎么细致处理.就修改了一下背景颜色,来弥补底部白色的色差冲突! 这个情况是在全面屏手机下产生的,在这之前先要有个概念,叫安全区!上张图大家就能大致就能知道是 ...
解决uni-app开发中刘海屏下背景不能全屏铺满的问题
使用原生占位(仅App端支持) mainfest.json 文件 app-plus 节点下配置 safearea "safearea": { "background&qu ...
（个人使用）uni-app开发（官方资源）· 汇总
文章目录 (个人使用)uni-app开发(官方资源)· 汇总 1. [uni-app官方框架](https://uniapp.dcloud.io/collocation/pages) 2. uni-a ...
uniapp开发聊天APP踩坑记录
最近工作重心转移到了uniapp上,有一说一,这个框架跨端确实牛逼,一套代码能一次编译到多端使用.但随之而来的兼容性问题也是层出不穷,同样的在面临APP底层的改动也显得力不从心.同时,uniapp的性 ...

uniapp 开发 ipone底部安全区

代码如下

uniapp 开发 ipone底部安全区相关推荐

最新文章

热门文章