dingdong-mall/pages/my/components/product-picked.vue

30 lines
775 B
Vue
Raw Normal View History

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>
<view class="flex flex-wrap">
<view class="basis-xl">{{product.standardName}}</view>
<view class="basis-xs text-right">×{{product.num}}</view>
</view>
</view>
</view>
</view>
</view>
</template>
<script>
export default {
name: "product-picked",
props: {
product: {
type: Object,
default: null
}
}
}
</script>