<template>
	<view class="item">
		<view class="i_title" v-if="showTitle">
			<image src="../../static/imgs/fmcs_title.png"></image>
			<text>{{title}}</text>
		</view>
		<view v-if="list.length" class="i_pre" v-for="(item,index) in list" :key="index">
			<view class="ip_title">{{item.title}}</view>
			<view class="ip_nr">{{item.desc}}</view>
		</view>
	</view>
</template>

<script>
	export default {
		props:{
			showTitle:{
				typeof:Boolean,
				default:true
			},
			title:{
				typeof:String,
				default:''
			},
			list:{
				typeof:Array,
				default:[]
			}
		},
		data(){
			return {
				
			}
		},
		methods:{
			
		}
	}
</script>

<style scoped lang="less">
	.item{
		margin-top: 48rpx;
		.i_title{
			display: flex;
			align-items: center;
			image{
				width: 50rpx;
				height: 24rpx;
			}
			text{
				font-family: PingFang-SC, PingFang-SC;
				font-weight: bold;
				font-size: 36rpx;
				color: #134F99;
				line-height: 50rpx;
				margin-left: 8rpx;
			}
		}
		.i_pre{
			margin-top: 48rpx;
			.ip_title{
				padding-left: 18rpx;
				font-family: PingFang-SC, PingFang-SC;
				font-weight: bold;
				font-size: 32rpx;
				color: #111111;
				line-height: 45rpx;
				position: relative;
				&:before{
					content: '';
					width: 6rpx;
					height: 36rpx;
					background: #1460CA;
					position: absolute;
					left: 0;
					top: 50%;
					margin-top: -18rpx;
				}
			}
			.ip_nr{
				font-family: PingFangSC, PingFang SC;
				font-weight: 400;
				font-size: 24rpx;
				color: #666666;
				line-height: 34rpx;
				margin-top: 16rpx;
				letter-spacing: 2rpx;
				padding-left: 18rpx;
			}
		}
	}
</style>