40 lines
1.3 KiB
Vue
40 lines
1.3 KiB
Vue
<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>
|