This commit is contained in:
yanran200730
2023-05-22 16:38:42 +08:00
parent 291d068c66
commit a8ac7b14d4
6 changed files with 76 additions and 30 deletions

View File

@@ -68,12 +68,12 @@
width="350"> width="350">
<template v-slot="{ row }"> <template v-slot="{ row }">
<div class="goods"> <div class="goods">
<ai-uploader <div class="img-content">
:disabled="true" <img :src="row.goodsPicUrl" alt="" v-viewer>
:instance="instance"
:value="[{url: row.goodsPicUrl}]" <span class="type type0" v-if="row.goodsType === '0'">免费兑</span>
:limit="1"> <span class="type type1" v-else>京东低价商品</span>
</ai-uploader> </div>
<p>{{ row.goodsTitle }}</p> <p>{{ row.goodsTitle }}</p>
</div> </div>
</template> </template>
@@ -219,5 +219,30 @@
display: flex; display: flex;
align-items: center; align-items: center;
} }
.img-content {
position: relative;
margin-right: 8px;
img {
width: 120px;
height: 120px;
cursor: pointer;
}
}
.type {
position: absolute;
top: 0;
left: 0;
font-size: 12px;
width: 120px;
text-align: center;
color: #fff;
z-index: 999;
}
.type1 {
background-color: #E64E39;
}
.type0 {
background-color: #FF6900;
}
} }
</style> </style>

View File

@@ -68,15 +68,11 @@
width="350"> width="350">
<template v-slot="{ row }"> <template v-slot="{ row }">
<div class="goods"> <div class="goods">
<!-- <ai-uploader
:disabled="true"
:instance="instance"
:value="[{url: row.goodsPicUrl}]"
:limit="1">
</ai-uploader> -->
<div class="img-content"> <div class="img-content">
<img :src="row.goodsPicUrl" alt="" v-viewer> <img :src="row.goodsPicUrl" alt="" v-viewer>
<span class="type" :class="`type`+row.goodsType">{{$dict.getLabel('integralSGType', row.goodsType)}}</span>
<span class="type type0" v-if="row.goodsType === '0'">免费兑</span>
<span class="type type1" v-else>京东低价商品</span>
</div> </div>
<p>{{ row.goodsTitle }}</p> <p>{{ row.goodsTitle }}</p>
</div> </div>
@@ -241,6 +237,7 @@
position: absolute; position: absolute;
top: 0; top: 0;
left: 0; left: 0;
font-size: 12px;
width: 120px; width: 120px;
text-align: center; text-align: center;
color: #fff; color: #fff;

View File

@@ -54,7 +54,8 @@
</ai-uploader> --> </ai-uploader> -->
<div class="img-content"> <div class="img-content">
<img :src="row.picUrl" alt="" v-viewer> <img :src="row.picUrl" alt="" v-viewer>
<span class="type" :class="`type`+row.type">{{$dict.getLabel('integralSGType', row.type)}}</span> <span class="type type0" v-if="row.type === '0'">免费兑</span>
<span class="type type1" v-else>京东低价商品</span>
</div> </div>
<p>{{ row.title }}</p> <p>{{ row.title }}</p>
@@ -203,6 +204,7 @@
text-align: center; text-align: center;
color: #fff; color: #fff;
z-index: 999; z-index: 999;
font-size: 12px;
} }
.type1 { .type1 {
background-color: #E64E39; background-color: #E64E39;

View File

@@ -68,12 +68,11 @@
width="350"> width="350">
<template v-slot="{ row }"> <template v-slot="{ row }">
<div class="goods"> <div class="goods">
<ai-uploader <div class="img-content">
:disabled="true" <img :src="row.goodsPicUrl" alt="" v-viewer>
:instance="instance" <span class="type type0" v-if="row.goodsType === '0'">免费兑</span>
:value="[{url: row.goodsPicUrl}]" <span class="type type1" v-else>京东低价商品</span>
:limit="1"> </div>
</ai-uploader>
<p>{{ row.goodsTitle }}</p> <p>{{ row.goodsTitle }}</p>
</div> </div>
</template> </template>
@@ -219,5 +218,30 @@
display: flex; display: flex;
align-items: center; align-items: center;
} }
.img-content {
position: relative;
margin-right: 8px;
img {
width: 120px;
height: 120px;
cursor: pointer;
}
}
.type {
position: absolute;
top: 0;
left: 0;
font-size: 12px;
width: 120px;
text-align: center;
color: #fff;
z-index: 999;
}
.type1 {
background-color: #E64E39;
}
.type0 {
background-color: #FF6900;
}
} }
</style> </style>

View File

@@ -68,15 +68,10 @@
width="350"> width="350">
<template v-slot="{ row }"> <template v-slot="{ row }">
<div class="goods"> <div class="goods">
<!-- <ai-uploader
:disabled="true"
:instance="instance"
:value="[{url: row.goodsPicUrl}]"
:limit="1">
</ai-uploader> -->
<div class="img-content"> <div class="img-content">
<img :src="row.goodsPicUrl" alt="" v-viewer> <img :src="row.goodsPicUrl" alt="" v-viewer>
<span class="type" :class="`type`+row.goodsType">{{$dict.getLabel('integralSGType', row.goodsType)}}</span> <span class="type type0" v-if="row.goodsType === '0'">免费兑</span>
<span class="type type1" v-else>京东低价商品</span>
</div> </div>
<p>{{ row.goodsTitle }}</p> <p>{{ row.goodsTitle }}</p>
</div> </div>
@@ -241,6 +236,7 @@
position: absolute; position: absolute;
top: 0; top: 0;
left: 0; left: 0;
font-size: 12px;
width: 120px; width: 120px;
text-align: center; text-align: center;
color: #fff; color: #fff;

View File

@@ -54,7 +54,8 @@
</ai-uploader> --> </ai-uploader> -->
<div class="img-content"> <div class="img-content">
<img :src="row.picUrl" alt="" v-viewer> <img :src="row.picUrl" alt="" v-viewer>
<span class="type" :class="`type`+row.type">{{$dict.getLabel('integralSGType', row.type)}}</span> <span class="type type0" v-if="row.type === '0'">免费兑</span>
<span class="type type1" v-else>京东低价商品</span>
</div> </div>
<p>{{ row.title }}</p> <p>{{ row.title }}</p>
@@ -203,6 +204,7 @@
text-align: center; text-align: center;
color: #fff; color: #fff;
z-index: 999; z-index: 999;
font-size: 12px;
} }
.type1 { .type1 {
background-color: #E64E39; background-color: #E64E39;