Authored by lea guo

物流信息

... ... @@ -35,10 +35,13 @@
>
<span class="title">{{ detailInfo.title }}</span>
<time-line :isGoingOn="i === 0" :deliveryList="detailInfo.detailList">
<template v-slot:content="{detail: {miniFaultConfirm}}">
<template v-slot:content="{ detail: { miniFaultConfirm } }">
<div class="judge-content-wrapper" v-if="miniFaultConfirm">
<p class="tip">
<span :class="[miniFaultConfirm.showBtn ? '' : 'tipTextGray']">{{ miniFaultConfirm.text }}</span>
<span
:class="[miniFaultConfirm.showBtn ? '' : 'tipTextGray']"
>{{ miniFaultConfirm.text }}</span
>
<span v-if="miniFaultConfirm.showBtn">
,请在<count-down
:leftTime="miniFaultConfirm.leftTime"
... ... @@ -49,32 +52,29 @@
</p>
<div class="img-container">
<ul class="img-wrapper">
<template v-if="miniFaultConfirm.imageUrls.length > 3">
<li v-for="(imgUrl, i) in miniFaultConfirm.imageUrls" :key="i" v-if="i < 3" @click="showBigImage(miniFaultConfirm, i)">
<ImageFormat
:data-secc="imgUrl"
:src="imgUrl"
alt=""
:width="70"
:height="70"
/>
</li>
<li>
<Button class="more" @click="showBigImage(miniFaultConfirm, 3)">查看更多</Button>
</li>
</template>
<template v-else>
<li v-for="(imgUrl, i) in miniFaultConfirm.imageUrls" :key="i" @click="showBigImage">
<ImageFormat
:data-secc="imgUrl"
:src="imgUrl"
alt=""
:width="70"
:height="70"
/>
</li>
</template>
<li
v-for="(imgUrl, i) in miniFaultConfirm.imageUrls.slice(
0,
3
)"
:key="i"
@click="showBigImage(miniFaultConfirm, i)"
>
<ImageFormat
:data-secc="imgUrl"
:src="imgUrl"
alt=""
:width="70"
:height="70"
/>
</li>
<li v-if="miniFaultConfirm.imageUrls.length > 3">
<Button
class="more"
@click="showBigImage(miniFaultConfirm, 3)"
>查看更多</Button
>
</li>
</ul>
</div>
<div class="actions-wrapper" v-if="miniFaultConfirm.showBtn">
... ... @@ -189,11 +189,12 @@ export default {
onCancel: () => {}
}).show();
},
showBigImage(data, index) { // 点击小图展示大图
showBigImage(data, index) {
// 点击小图展示大图
if (data.imageUrls && data.imageUrls.length > 0) {
this.imageUrls = [];
data.imageUrls.forEach((val) => {
this.imageUrls.push(val.replace(/{width}x{height}/, '750x'));
data.imageUrls.forEach(val => {
this.imageUrls.push(val.replace(/{width}x{height}/, "750x"));
});
this.$createImagePreview({
... ... @@ -201,7 +202,6 @@ export default {
initialIndex: index
}).show();
}
},
flawRejectDialog() {
... ...
{
"name": "xianyu-ufo-app-web",
"version": "0.0.2-beta-21",
"version": "0.0.2-beta-22",
"private": true,
"description": "Xianyu Project With Express",
"repository": {
... ...