<template>
	<view>
		<view style="height: 150rpx;" v-if="isTabbar">
		</view>
		<view :style="'height:'+bottomLift+'px;background:'+bgColor" class="bottomLift">
		</view>
	</view>
</template>

<script>
export default {
	props: {
		bgColor:{
		  type:String,
		  default:""
		},
		isTabbar:{
			type:Boolean,
			default:false
		}
	},
	data(){
		return {
			bottomLift:0
		}
	},
	mounted() {
		this.getSystemInfo()
	},
	methods:{
		getSystemInfo () {
		  // 获取当前设备信息
		  uni.getSystemInfo({
			success: res => {
			  let bottomLift = res.screenHeight - res.safeArea.bottom
			  this.bottomLift=bottomLift
			},
			fail (err) {
			  console.log(err)
			}
		  })
		},
	}
}
</script>

<style lang="scss" scoped>
	.bottomLift{
		width: 750rpx;
	}
</style>