ldb-safe-hh/components/nav-bottom/index.vue

<template>
	<view class="wrap-nav" :style="{height: this.height}">
		<slot></slot>
	</view>
</template>

<script>
	export default {
		props: {
			height: {
				type: String,
				default: '160rpx'
			}
		}
	}
</script>

<style lang="scss" scoped>
	.wrap-nav {
		background-color: #FFFFFF;
		position: fixed;
		left: 0;
		bottom: env(safe-area-inset-bottom);
		width: 100%;
		padding: 0;
		margin: 0;
		z-index: 998;
	}
</style>