<template>
	<view class="shops-til flex al-item-center">
		<image class="shops-til__icon" :src="iconSrc"></image>
		<view class="shops-til__title">{{ title }}</view>
	</view>
</template>

<script>
	export default{
		props:{
			title: {
				type: String,
				default: ''
			},
			iconSrc: {
				type: String,
				default: ''
			}
		}
	}
</script>

<style lang="scss" scoped>
	.shops-til {
		padding: 24rpx 0;
		&__icon {
			width: 50rpx;
			height: 50rpx;
			flex-shrink: 0;
			margin-right: 12rpx;
		}
		&__title {
			font-size: 32rpx;
			font-weight: 500;
			color: #333333;
			line-height: 44rpx;
		}
	}
</style>