|
@@ -47,9 +47,45 @@ |
|
@@ -47,9 +47,45 @@ |
47
|
>
|
47
|
>
|
48
|
<template v-slot:content="{ detail: { miniFaultConfirm } }">
|
48
|
<template v-slot:content="{ detail: { miniFaultConfirm } }">
|
49
|
<div class="judge-content-wrapper" v-if="miniFaultConfirm">
|
49
|
<div class="judge-content-wrapper" v-if="miniFaultConfirm">
|
|
|
50
|
+ <!-- 卖家评论 -->
|
|
|
51
|
+ <div v-if="miniFaultConfirm.secondDetailBySeller">
|
|
|
52
|
+ <p class="tip"><span class="tip-text-gray">{{miniFaultConfirm.secondDetailBySeller.title}}</span></p>
|
|
|
53
|
+ <div class="img-container">
|
|
|
54
|
+ <ul class="img-wrapper">
|
|
|
55
|
+ <li
|
|
|
56
|
+ v-for="(imgUrl, i) in miniFaultConfirm.secondDetailBySeller.imageUrlList.slice(
|
|
|
57
|
+ 0,
|
|
|
58
|
+ 3
|
|
|
59
|
+ )"
|
|
|
60
|
+ :key="i"
|
|
|
61
|
+ @click="showBigImage(miniFaultConfirm.secondDetailBySeller.imageUrlList, i)"
|
|
|
62
|
+ >
|
|
|
63
|
+ <ImageFormat
|
|
|
64
|
+ :data-secc="imgUrl"
|
|
|
65
|
+ :src="imgUrl"
|
|
|
66
|
+ alt=""
|
|
|
67
|
+ :width="70"
|
|
|
68
|
+ :height="70"
|
|
|
69
|
+ />
|
|
|
70
|
+ </li>
|
|
|
71
|
+ <li v-if="miniFaultConfirm.secondDetailBySeller.imageUrlList.length > 3">
|
|
|
72
|
+ <Button
|
|
|
73
|
+ class="more"
|
|
|
74
|
+ @click="showBigImage(miniFaultConfirm.secondDetailBySeller.imageUrlList, 3)"
|
|
|
75
|
+ >查看更多</Button
|
|
|
76
|
+ >
|
|
|
77
|
+ </li>
|
|
|
78
|
+ </ul>
|
|
|
79
|
+ </div>
|
|
|
80
|
+ <p class="seller-tip">
|
|
|
81
|
+ <span class="tip-text-gray" v-if="miniFaultConfirm.secondDetailBySeller.sndTitle">{{miniFaultConfirm.secondDetailBySeller.sndTitle}}</span>
|
|
|
82
|
+ </p>
|
|
|
83
|
+ <p><span class="tip-text-gray" v-if="miniFaultConfirm.secondDetailBySeller.desc">{{miniFaultConfirm.secondDetailBySeller.desc}}</span></p>
|
|
|
84
|
+ </div>
|
|
|
85
|
+
|
50
|
<p class="tip">
|
86
|
<p class="tip">
|
51
|
<span
|
87
|
<span
|
52
|
- :class="[miniFaultConfirm.showBtn ? '' : 'tipTextGray']"
|
88
|
+ :class="[miniFaultConfirm.showBtn ? '' : 'tip-text-gray']"
|
53
|
>{{ miniFaultConfirm.text }}</span
|
89
|
>{{ miniFaultConfirm.text }}</span
|
54
|
>
|
90
|
>
|
55
|
<span v-if="miniFaultConfirm.showBtn">
|
91
|
<span v-if="miniFaultConfirm.showBtn">
|
|
@@ -68,7 +104,7 @@ |
|
@@ -68,7 +104,7 @@ |
68
|
3
|
104
|
3
|
69
|
)"
|
105
|
)"
|
70
|
:key="i"
|
106
|
:key="i"
|
71
|
- @click="showBigImage(miniFaultConfirm, i)"
|
107
|
+ @click="showBigImage(miniFaultConfirm.imageUrls, i)"
|
72
|
>
|
108
|
>
|
73
|
<ImageFormat
|
109
|
<ImageFormat
|
74
|
:data-secc="imgUrl"
|
110
|
:data-secc="imgUrl"
|
|
@@ -81,7 +117,7 @@ |
|
@@ -81,7 +117,7 @@ |
81
|
<li v-if="miniFaultConfirm.imageUrls.length > 3">
|
117
|
<li v-if="miniFaultConfirm.imageUrls.length > 3">
|
82
|
<Button
|
118
|
<Button
|
83
|
class="more"
|
119
|
class="more"
|
84
|
- @click="showBigImage(miniFaultConfirm, 3)"
|
120
|
+ @click="showBigImage(miniFaultConfirm.imageUrls, 3)"
|
85
|
>查看更多</Button
|
121
|
>查看更多</Button
|
86
|
>
|
122
|
>
|
87
|
</li>
|
123
|
</li>
|
|
@@ -218,11 +254,11 @@ export default { |
|
@@ -218,11 +254,11 @@ export default { |
218
|
onCancel: () => {}
|
254
|
onCancel: () => {}
|
219
|
}).show();
|
255
|
}).show();
|
220
|
},
|
256
|
},
|
221
|
- showBigImage(data, index) {
|
257
|
+ showBigImage(imageUrls = [], index) {
|
222
|
// 点击小图展示大图
|
258
|
// 点击小图展示大图
|
223
|
- if (data.imageUrls && data.imageUrls.length > 0) {
|
259
|
+ if (imageUrls && imageUrls.length > 0) {
|
224
|
this.imageUrls = [];
|
260
|
this.imageUrls = [];
|
225
|
- data.imageUrls.forEach(val => {
|
261
|
+ imageUrls.forEach(val => {
|
226
|
this.imageUrls.push(val.replace(/{width}x{height}/, "750x"));
|
262
|
this.imageUrls.push(val.replace(/{width}x{height}/, "750x"));
|
227
|
});
|
263
|
});
|
228
|
|
264
|
|
|
@@ -353,12 +389,16 @@ export default { |
|
@@ -353,12 +389,16 @@ export default { |
353
|
}
|
389
|
}
|
354
|
}
|
390
|
}
|
355
|
|
391
|
|
|
|
392
|
+ .seller-tip {
|
|
|
393
|
+ margin-top: 20px;
|
|
|
394
|
+ }
|
|
|
395
|
+
|
356
|
.tip {
|
396
|
.tip {
|
357
|
margin-top: 20px;
|
397
|
margin-top: 20px;
|
358
|
margin-bottom: 10px;
|
398
|
margin-bottom: 10px;
|
359
|
}
|
399
|
}
|
360
|
|
400
|
|
361
|
- .tipTextGray {
|
401
|
+ .tip-text-gray {
|
362
|
color: #999;
|
402
|
color: #999;
|
363
|
}
|
403
|
}
|
364
|
|
404
|
|