<!--
 * @Author: ch
 * @Date: 2022-06-21 22:27:52
 * @LastEditors: ch
 * @LastEditTime: 2022-07-01 17:14:36
 * @Description: file content
-->
<template>
	<view class="comment-user">
		<image class="comment-user--avatr" :src="userData.userAvatar" shape="circle"/>
		<view>
			<view class="comment-user--name">{{userData.userName}}</view>
			<text class="comment-user--sku"  v-if="userData.skuName">已购买{{userData.skuName}}</text>
		</view>
	</view>
</template>
<script>
export default {
	props : {
		userData : {
			type : Object,
			default : ()=> ({})
		}
	}
}
</script>
<style lang="scss" scoped>

.comment-user{
	display: flex;
	justify-content: flex-start;
	&--avatr{
		width: 71rpx;
		height: 71rpx;
		margin-right: 17rpx;
	}
	&--name{
		margin-top: 5rpx;
	}
	&--sku{
		margin-top: 10rpx;
		font-size: 24rpx;
		color: #999;
	}
}
	
</style>