root/ludu-admin-vue3
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

OrderTableColumn: 商品信息列样式调整

Browse Source
This commit is contained in:
puhui999 2023-10-19 11:10:33 +08:00
parent 70778fd9e6
commit 094f8e16db
1 changed files with 8 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
src/views/mall/trade/order/components/OrderTableColumn.vue
View File

@ -63,14 +63,18 @@
</div> </div>
</template> </template>
<template #default="{ row }"> <template #default="{ row }">
<div class="flex items-center"> <div class="flex flex-wrap">
<el-image <el-image
:src="row.picUrl" :src="row.picUrl"
class="mr-10px h-30px w-30px" class="mb-[13px] mr-[10px] h-[40px] w-[40px] v-middle"
@click="imagePreview(row.picUrl)" @click="imagePreview(row.picUrl)"
/> />
<span class="mr-10px">{{ row.spuName }}</span> <span class="mb-[13px] mr-[10px]">{{ row.spuName }}</span>
<el-tag v-for="property in row.properties" :key="property.propertyId" class="mr-10px"> <el-tag
v-for="property in row.properties"
:key="property.propertyId"
class="mb-[13px] mr-[10px]"
>
{{ property.propertyName }}: {{ property.valueName }} {{ property.propertyName }}: {{ property.valueName }}
</el-tag> </el-tag>
</div> </div>