<template>
	<view class="k-safe-area"
		:style="{
			'--safe-height': height + 'px'
		}"
	>
		
	</view>
</template>

<script>
	/**
	 * @description 安全区域 高度可自定义
	 * @property {type} height 安全高度（默认：30）
	 */
	export default {
		name: 'k-safe-area',
		props: {
			height: {
				type: [String, Number],
				default: 30
			}
		}
	}
</script>

<style scoped lang="scss">
	.k-safe-area {
		width: 100%;
		height: var(--safe-height);
	}

</style>
