|
@@ -30,7 +30,7 @@
|
|
|
class="iframe-wrapper"
|
|
|
>
|
|
|
<iframe
|
|
|
- src="http://audio.taoart.com/fullview/njbwy/3/"
|
|
|
+ :src="linkSrc"
|
|
|
frameborder="0"
|
|
|
/>
|
|
|
<BackBtn @click.native="onClickCloseIframe" />
|
|
@@ -92,6 +92,7 @@ export default {
|
|
|
return {
|
|
|
showMask: false,
|
|
|
videoSrc: null,
|
|
|
+ linkSrc: null,
|
|
|
|
|
|
showIframe: false,
|
|
|
|
|
@@ -124,13 +125,6 @@ export default {
|
|
|
return null
|
|
|
}
|
|
|
},
|
|
|
- topItemVideoSrc() {
|
|
|
- if (this.choosenExhibition?.video?.length) {
|
|
|
- return `${this.$backEndBaseUrl}exhibition-data/${this.$route.query.exhibitionId}/${this.choosenExhibition.video[0].video}`
|
|
|
- } else {
|
|
|
- return null
|
|
|
- }
|
|
|
- },
|
|
|
imageList() {
|
|
|
let ret = []
|
|
|
for (const iterator of this.choosenExhibition.video || []) {
|
|
@@ -144,7 +138,7 @@ export default {
|
|
|
ret.push({
|
|
|
src: `${this.$backEndBaseUrl}exhibition-data/${this.$route.query.exhibitionId}/${iterator.cover}`,
|
|
|
type: 'link',
|
|
|
- videoSrc: iterator.link
|
|
|
+ linkSrc: iterator.link
|
|
|
})
|
|
|
}
|
|
|
for (let index = 0; index < this.choosenExhibition.imageNumber; index++) {
|
|
@@ -169,6 +163,7 @@ export default {
|
|
|
},
|
|
|
onClickCloseIframe() {
|
|
|
this.showIframe = false
|
|
|
+ this.linkSrc = null
|
|
|
},
|
|
|
onClickExhibitionImage(e, { index, value }) {
|
|
|
if (value.type === 'video') {
|
|
@@ -176,6 +171,7 @@ export default {
|
|
|
this.videoSrc = `${this.$backEndBaseUrl}exhibition-data/${this.$route.query.exhibitionId}/${value.videoSrc}`
|
|
|
} else if (value.type === 'link') {
|
|
|
this.showIframe = true
|
|
|
+ this.linkSrc = value.linkSrc
|
|
|
} else if (value.type === 'image') {
|
|
|
e.path[0].requestFullscreen()
|
|
|
e.path[0].addEventListener('click', function me() {
|