提交 7cf99255 authored 作者: 龙菲's avatar 龙菲

修复文物详情查看大图失败问题

上级 0cc32421
......@@ -39,10 +39,7 @@
:key="index"
class="imagesVo-image-container"
>
<div
class="img-container"
@click="handelPreviewImages(CRDetail.imagesVo)"
>
<div class="img-container">
<img
:src="$getFullUrl(item.pressUrl)"
alt="点击查看大图"
......@@ -51,7 +48,7 @@
</div>
<div
class="enlarge"
@click="handelPreviewImages(CRDetail.imagesVo)"
@click="handelPreviewImages(CRDetail.imagesVo, true)"
>
<img src="@/assets/imgs/enlarge-s.png" alt="" />
</div>
......@@ -66,10 +63,7 @@
"
v-else-if="CRDetail.faceImagePressUrl"
>
<div
class="img-container"
@click="handelPreviewImages([CRDetail.faceImagePressUrl])"
>
<div class="img-container">
<img
:src="$getFullUrl(CRDetail.faceImagePressUrl)"
alt="点击查看大图"
......@@ -78,7 +72,7 @@
</div>
<div
class="enlarge"
@click="handelPreviewImages([CRDetail.faceImagePressUrl])"
@click="handelPreviewImages([CRDetail.faceImageUrl])"
>
<img src="@/assets/imgs/enlarge-s.png" alt="" />
</div>
......@@ -210,7 +204,7 @@
v-if="relateRelics.length > 0"
>
<div class="intro-title">
<svg-icon icon-class="glww" style="font-size: 30px"></svg-icon>
<svg-icon icon-class="glww" style="font-size: 44px"></svg-icon>
<span>相关文物</span>
</div>
<el-row :gutter="26">
......@@ -412,11 +406,17 @@ export default {
this.imgViewerVisible = false;
},
handelPreviewImages() {
handelPreviewImages(items, hasImages) {
this.imgViewerVisible = true;
this.imgList = this.CRDetail.imagesVo.map((item) =>
if (hasImages) {
this.imgList = items.map((item) =>
this.$getFullUrl(item.url)
);
} else {
this.imgList = items.map((item) =>
this.$getFullUrl(item)
);
}
},
handleToDetail(crId) {
console.log(crId);
......@@ -450,11 +450,6 @@ export default {
previewFile(item.files[0].url, item.files[0].name);
},
handelPreviewImages(images) {
this.imgViewerVisible = true;
this.imgList = images.map((item) => this.$getFullUrl(item.url));
},
closeImgViewer() {
this.imgViewerVisible = false;
},
......@@ -873,14 +868,12 @@ $blue: #2069c4;
height: 214px;
}
.cr-name-intro {
background-image: linear-gradient(
to top,
rgba(0, 0, 0, 0),
rgba(0, 0, 0, 0)
);
}
}
}
.img-container {
......
Markdown 格式
0%
您添加了 0 到此讨论。请谨慎行事。
请先完成此评论的编辑!
注册 或者 后发表评论