Authored by shuaiguo

feat(订单跟踪):增加卖家上传图片展示 reviewed by 黄涛

chore: npm version
... ... @@ -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;
}
... ...
{
"name": "xianyu-ufo-app-web",
"version": "1.1.0-beta-8",
"version": "1.1.0-beta-9",
"private": true,
"description": "Xianyu Project With Express",
"repository": {
... ...