...
|
...
|
@@ -47,9 +47,45 @@ |
|
|
>
|
|
|
<template v-slot:content="{ detail: { miniFaultConfirm } }">
|
|
|
<div class="judge-content-wrapper" v-if="miniFaultConfirm">
|
|
|
<!-- 卖家评论 -->
|
|
|
<div v-if="miniFaultConfirm.secondDetailBySeller">
|
|
|
<p class="tip"><span class="tip-text-gray">{{miniFaultConfirm.secondDetailBySeller.title}}</span></p>
|
|
|
<div class="img-container">
|
|
|
<ul class="img-wrapper">
|
|
|
<li
|
|
|
v-for="(imgUrl, i) in miniFaultConfirm.secondDetailBySeller.imageUrlList.slice(
|
|
|
0,
|
|
|
3
|
|
|
)"
|
|
|
:key="i"
|
|
|
@click="showBigImage(miniFaultConfirm.secondDetailBySeller.imageUrlList, i)"
|
|
|
>
|
|
|
<ImageFormat
|
|
|
:data-secc="imgUrl"
|
|
|
:src="imgUrl"
|
|
|
alt=""
|
|
|
:width="70"
|
|
|
:height="70"
|
|
|
/>
|
|
|
</li>
|
|
|
<li v-if="miniFaultConfirm.secondDetailBySeller.imageUrlList.length > 3">
|
|
|
<Button
|
|
|
class="more"
|
|
|
@click="showBigImage(miniFaultConfirm.secondDetailBySeller.imageUrlList, 3)"
|
|
|
>查看更多</Button
|
|
|
>
|
|
|
</li>
|
|
|
</ul>
|
|
|
</div>
|
|
|
<p class="seller-tip">
|
|
|
<span class="tip-text-gray" v-if="miniFaultConfirm.secondDetailBySeller.sndTitle">{{miniFaultConfirm.secondDetailBySeller.sndTitle}}</span>
|
|
|
</p>
|
|
|
<p><span class="tip-text-gray" v-if="miniFaultConfirm.secondDetailBySeller.desc">{{miniFaultConfirm.secondDetailBySeller.desc}}</span></p>
|
|
|
</div>
|
|
|
|
|
|
<p class="tip">
|
|
|
<span
|
|
|
:class="[miniFaultConfirm.showBtn ? '' : 'tipTextGray']"
|
|
|
:class="[miniFaultConfirm.showBtn ? '' : 'tip-text-gray']"
|
|
|
>{{ miniFaultConfirm.text }}</span
|
|
|
>
|
|
|
<span v-if="miniFaultConfirm.showBtn">
|
...
|
...
|
@@ -68,7 +104,7 @@ |
|
|
3
|
|
|
)"
|
|
|
:key="i"
|
|
|
@click="showBigImage(miniFaultConfirm, i)"
|
|
|
@click="showBigImage(miniFaultConfirm.imageUrls, i)"
|
|
|
>
|
|
|
<ImageFormat
|
|
|
:data-secc="imgUrl"
|
...
|
...
|
@@ -81,7 +117,7 @@ |
|
|
<li v-if="miniFaultConfirm.imageUrls.length > 3">
|
|
|
<Button
|
|
|
class="more"
|
|
|
@click="showBigImage(miniFaultConfirm, 3)"
|
|
|
@click="showBigImage(miniFaultConfirm.imageUrls, 3)"
|
|
|
>查看更多</Button
|
|
|
>
|
|
|
</li>
|
...
|
...
|
@@ -218,11 +254,11 @@ export default { |
|
|
onCancel: () => {}
|
|
|
}).show();
|
|
|
},
|
|
|
showBigImage(data, index) {
|
|
|
showBigImage(imageUrls = [], index) {
|
|
|
// 点击小图展示大图
|
|
|
if (data.imageUrls && data.imageUrls.length > 0) {
|
|
|
if (imageUrls && imageUrls.length > 0) {
|
|
|
this.imageUrls = [];
|
|
|
data.imageUrls.forEach(val => {
|
|
|
imageUrls.forEach(val => {
|
|
|
this.imageUrls.push(val.replace(/{width}x{height}/, "750x"));
|
|
|
});
|
|
|
|
...
|
...
|
@@ -353,12 +389,16 @@ export default { |
|
|
}
|
|
|
}
|
|
|
|
|
|
.seller-tip {
|
|
|
margin-top: 20px;
|
|
|
}
|
|
|
|
|
|
.tip {
|
|
|
margin-top: 20px;
|
|
|
margin-bottom: 10px;
|
|
|
}
|
|
|
|
|
|
.tipTextGray {
|
|
|
.tip-text-gray {
|
|
|
color: #999;
|
|
|
}
|
|
|
|
...
|
...
|
|