<template>
	<view class="desc" :style="{'background-image': 'url('+bg+')'}">
		<view class="title">{{title}}</view>
		<view class="memo">{{description}}</view>
	</view>
</template>

<script>
	export default {
		props:{
			title:{
				typeof:String,
				default:''
			},
			bg:{
				typeof:String,
				default:'../../static/imgs/fmcs_xtbg.png'
			},
			description:{
				typeof:String,
				default:''
			}
		},
		data(){
			return {
				
			}
		},
		methods:{
			
		}
	}
</script>

<style scoped lang="less">
	.desc{
		width: 100%;
		height: 400rpx;
		padding: 42rpx 24rpx 0;
		background-repeat: no-repeat;
		background-size: 100% 100%;
		box-sizing: border-box;
		.title{
			font-family: PingFang-SC, PingFang-SC;
			font-weight: bold;
			font-size: 40rpx;
			color: #FFFFFF;
			line-height: 56rpx;
		}
		.memo{
			font-family: PingFangSC, PingFang SC;
			font-weight: 400;
			font-size: 26rpx;
			color: #FFFFFF;
			line-height: 42rpx;
			margin-top: 13rpx;
		}
	}
</style>