2022-06-08 13:59:47 +08:00
|
|
|
|
<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>
|
2022-06-13 16:14:21 +08:00
|
|
|
|
<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>
|
2022-06-08 13:59:47 +08:00
|
|
|
|
</view>
|
2022-06-13 16:14:21 +08:00
|
|
|
|
<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> -->
|
2022-06-08 13:59:47 +08:00
|
|
|
|
</view>
|
|
|
|
|
|
</view>
|
|
|
|
|
|
</view>
|
|
|
|
|
|
</view>
|
|
|
|
|
|
</template>
|
|
|
|
|
|
|
|
|
|
|
|
<script>
|
|
|
|
|
|
export default {
|
|
|
|
|
|
name: "product-picked",
|
|
|
|
|
|
props: {
|
|
|
|
|
|
product: {
|
|
|
|
|
|
type: Object,
|
|
|
|
|
|
default: null
|
2022-06-13 16:14:21 +08:00
|
|
|
|
},
|
|
|
|
|
|
pickedList: {
|
|
|
|
|
|
type: Array,
|
|
|
|
|
|
default: []
|
2022-06-08 13:59:47 +08:00
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
</script>
|
