<template>
	<div id="sub-container">
		<el-row>
			<el-col :xs="0" :sm="1" :md="2" :lg="3" :xl="4">
				<div>&nbsp;</div>
			</el-col>
			<el-col :xs="24" :sm="22" :md="20" :lg="18" :xl="16">
				<!-- <div class="container-content"> -->
					<slot></slot>
				<!-- </div> -->
			</el-col>
			<el-col :xs="0" :sm="1" :md="2" :lg="3" :xl="4">
				<div>&nbsp;</div>
			</el-col>
		</el-row>
	</div>
</template>

<script>
	export default {

	}
</script>

<style lang="scss" scoped>
	#sub-container {
		.container-content {
			height: 100%;
		}

		// overflow: auto;
	}
</style>
