<template>
	<view>
		<status-nav 
		:ifReturn="ifReturn" 
		:returnColor="returnc"
		:titleColor="titlec"
		:navBarTitle="titlet"
		:ifTitle="ifTitle"
		:ifCenter="ifTitleCenter"
		:backgroudColor="backgroundc"></status-nav>
		<view class="" :style="{paddingBottom: '140rpx'}">
			<slot name="content"></slot>
		</view>
	</view>
</template>

<script>
	import statusNav from '../status-navs/custom-status-nav.vue';
	export default {
		name:"status-container",
		components:{
			statusNav
		},
		props:{
			// 是否显示标题
			ifTitle:{
				type:Boolean,
				default:true
			},
			// 标题文字
			titlet:{
				type:String,
				default:'标题'
			},
			// 标题是否居中
			ifTitleCenter:{
				type:Boolean,
				default:false
			},
			// 标题颜色
			titlec:{
				type:String,
				default:'#FFFFFF'
			},
			// 是否显示返回键
			ifReturn:{
				type:Boolean,
				default:true
			},
			// 返回键颜色
			returnc:{
				type:String,
				default:"#333333"
			},
			// 导航栏背景色
			backgroundc:{
				type:String,
				default:"transparent"
			}
		},
		data() {
			return {
				
			};
		}
	}
</script>

<style>

</style>