<template>
	<view class="common_content">
		<u-icon :name="iconName"></u-icon>
		<text class="title">{{ titleContent }}</text>
	</view>
</template>

<script>
	export default {
		props: {
			iconName: {
				type: String,
				default: 'chat'
			},
			titleContent: {
				type: String,
				default: ''
			}
		}
	}
</script>

<style lang="scss" scoped>
	.common_content{
		display: flex;
		align-content: center;
		.title{
			margin-left: 4rpx;
		}
	}
</style>