<template>
	<view>
		<view class="bg-white padding-bottom">
			<!-- 图片 -->
			<view class="flex justify-start">
				<view class="cu-avatar" :style="'background-image:url(' + product.goodsLogoUrl + '); min-width:150rpx; min-height:150rpx;'"></view>
				<view class="margin-left-sm flex-column-between" style="width: 100%">
					<view class="text-black text-lg">{{product.goodsName}}</view>
					<view class="flex justify-between align-center" style="width: 480rpx;" v-for="(item,index) in pickedList" :key="index" v-if="index < 3">
						<view class="basis-lg text-cut">{{item.standardName}}</view>
						<view class="basis-xs text-cut text-right">×{{item.standardNum}}</view>
					</view>
					<view v-if="pickedList.length > 3">...</view>
					<!-- <view class="flex justify-between align-center" style="width: 440rpx;" v-for="(item,index) in 4" :key="index" v-if="index < 3">
						<view class="basis-lg text-cut">冰箱冰箱冰箱冰箱冰箱冰箱冰箱冰箱冰箱冰箱冰箱</view>
						<view class="basis-xs text-cut">×10000</view>
					</view>
					<view>...</view> -->
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		name: "product-picked",
		props: {
			product: {
				type: Object,
				default: null
			},
			pickedList: {
				type: Array,
				default: []
			}
		}
	}
</script>
