<template>
	<view class="home-model">
		<div class="model-title">
			<text class="text">{{title}}</text>
		</div>
		<div class="model-content">
			<slot></slot>
		</div>
	</view>
</template>

<script>
	export default{
		props: ["title"]
	}
</script>

<style scoped>
	
	.home-model {
		padding: 24upx 0 32upx 0;
		flex: 1;
		background-color: #fff;
	}
	
	.model-title {
		display: flex;
		align-items: center;
		padding-left: 16upx;
	}
	
	.model-title:before {
		content: '';
		height: 26upx;
		width: 6upx;
		background: #2689EE;
		margin-right: 12upx;
	}
	
	.model-title .text {
		font-size: 30upx;
		font-family: 'SimHei';
		font-weight: bold;
		color: #000000;
	}
	
	.model-content ,.model-content> view{
		display: flex;
		align-items: center;
		flex-wrap: wrap;
	}
	
</style>
