uniapp全面屏手机设置底部安全区颜色

这个问题是两个月前碰到的，那时项目比较急，没怎么细致处理。就修改了一下背景颜色，来弥补底部白色的色差冲突！
这个情况是在全面屏手机下产生的，在这之前先要有个概念，叫安全区！上张图大家就能大致就能知道是个啥！

没错就是这样的！
我们写代码看看！

<template>
	<view class="box">
		<view>11</view>
		<view>11</view>
		<view>11</view>
		<view>11</view>
		<view>11</view>
		<view>11</view>
		<view>11</view>
		<view>11</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
			}
		},
		methods: {
		}
	}
</script>
<style>
.box{
	height: 100vh;
	border: 1rpx solid #000000;
	background-color: #007AFF;
}
</style>

看看运行效果

可见这里底部的安全区是白色的，我当是碰到这个情况是在IM的聊天窗口，那个输入框和底部安全区颜色不搭，聊天背景白色的，输入框那部分是灰色的，但是输入框那部分包括安全区，但是安全区又默认是白色，所以就形成了白+灰+白这样的局面，当时也就草草处理，把背景设置成灰色，键盘设置成白色，真好喝安全区颜色一致，不得不佩服当时我的脑袋是怎么想的！

完美的解决方案！
进入manifest文件，进入源码，找到app-plus部分

 "safearea": {  
        "background":"#CCCCCC",    // 安全区域外的背景颜色，默认值为"#FFFFFF"  
        "bottom":{    // 底部安全区域配置  
            "offset":"none|auto"       // 底部安全区域偏移，"none"表示不空出安全区域，"auto"自动计算空出安全区域，默认值为"none"  
        },  
        "left": {    // 左侧安全区域配置（横屏显示时有效）  
            "offset":"none|auto"  
        },  
        "right: {    // 右侧安全区域配置（横屏显示时有效）  
            "offset":"none|auto"  
        }  
    }  
    iPhoneX的安全区域配置。

然后就解决了，我这里是测试竖屏状态下的！
上代码！

看效果！

ok搞定！！！