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

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

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