Skip to content
项目
群组
代码片段
帮助
当前项目
正在载入...
登录 / 注册
切换导航面板
E
exhibition_page
项目
项目
详情
活动
周期分析
仓库
仓库
文件
提交
分支
标签
贡献者
图表
比较
统计图
议题
0
议题
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
CI / CD
CI / CD
流水线
作业
日程
统计图
Wiki
Wiki
代码片段
代码片段
成员
成员
折叠边栏
关闭边栏
活动
图像
聊天
创建新问题
作业
提交
问题看板
Open sidebar
龙菲
exhibition_page
Commits
7cf99255
提交
7cf99255
authored
9月 27, 2022
作者:
龙菲
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
修复文物详情查看大图失败问题
上级
0cc32421
显示空白字符变更
内嵌
并排
正在显示
1 个修改的文件
包含
13 行增加
和
20 行删除
+13
-20
Detail.vue
src/views/culturalRelic/Detail.vue
+13
-20
没有找到文件。
src/views/culturalRelic/Detail.vue
浏览文件 @
7cf99255
...
@@ -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.faceImage
Press
Url])"
@
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:
30
px"
></svg-icon>
<svg-icon
icon-class=
"glww"
style=
"font-size:
44
px"
></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
人
到此讨论。请谨慎行事。
请先完成此评论的编辑!
取消
请
注册
或者
登录
后发表评论