You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
55 lines
1.8 KiB
55 lines
1.8 KiB
<!--下单页中的商品信息--> |
|
<script setup lang="ts"> |
|
import { Mul } from '~/utils/util' |
|
import useOrder from '~/composables/useOrder' |
|
import { productTypeFilter } from '~/utils/filter' |
|
const { handlerNuxtLink } = useOrder() |
|
const props = defineProps({ |
|
//列表数据 |
|
list: { |
|
type: Object, |
|
default: null, |
|
}, |
|
//订单类型:0-普通订单，1-视频号订单,2-秒杀订单 |
|
productType: { |
|
type: Number, |
|
default: 0, |
|
}, |
|
//秒杀状态 |
|
// seckillStatus: { |
|
// type: Number, |
|
// default: 0, |
|
// } |
|
// //秒杀时间 |
|
// datatime: { |
|
// type: Number, |
|
// default: 0, |
|
// } |
|
}) |
|
const { list } = toRefs(props) |
|
</script> |
|
|
|
<template> |
|
<div |
|
@click="handlerNuxtLink(list.productId, productTypeFilter(productType))" |
|
class="flex-between-center mbtom30 cursors" |
|
> |
|
<div class="acea-row justify-between"> |
|
<el-image :src="list.image" class="backImg w100px h100px b-rd-12px" lazy></el-image> |
|
<div class="ml-20px acea-row flex-col justify-center"> |
|
<div class="text-14px fontColor333 font-500 line1 mb14px w-580px oppoSans-M">{{ list.productName }}</div> |
|
<div class="borRadius text-14px fontColor333 line1 oppoSans-R">规格：{{ list.sku }}</div> |
|
</div> |
|
</div> |
|
<div class="flex-x-center flex-y-center"> |
|
<div v-if="list.price || list.productPrice" class="w-160px text-14px oppoSans-R fontColor333">￥{{ list.price || list.productPrice }}</div> |
|
<div v-if="list.payNum" class="w-100px text-right text-14px oppoSans-R fontColor333">×{{ list.payNum }}</div> |
|
<div v-if="list.price && list.payNum" class="w-160px text-right font-color text-12px"> |
|
<span class="oppoSans-M">￥</span |
|
><span class="dinProSemiBold text-18px fw-600">{{ Mul(list.price, list.payNum) }}</span> |
|
</div> |
|
</div> |
|
</div> |
|
</template> |
|
|
|
<style scoped lang="scss"></style>
|
|
|