|
|
<template>
|
|
|
<div class="swiper" v-if="list.data && list.data.length > 0">
|
|
|
<div class="swiper" v-if="list && list.length > 0">
|
|
|
<div class="swiper-item swiper-item-left">
|
|
|
<LayoutLink :href="list.data[0].url" class="img-link" :report="{...params, I_INDEX: 1, F_URL: list.data[0].url}">
|
|
|
<ImageFormat :lazy="false" class="item-imge" :src="list.data[0].src" :width="310" :height="402"></ImageFormat>
|
|
|
<LayoutLink :href="list[0].url" class="img-link">
|
|
|
<ImageFormat :lazy="false" class="item-imge" :src="list[0].src" :width="310" :height="402"></ImageFormat>
|
|
|
</LayoutLink>
|
|
|
</div>
|
|
|
<div class="swiper-item swiper-item-right">
|
|
|
<LayoutLink :href="list.data[1].url" class="img-link" :report="{...params, I_INDEX: 2, F_URL: list.data[1].url}">
|
|
|
<ImageFormat :lazy="false" class="item-imge" :src="list.data[1].src" :width="380" :height="196"></ImageFormat>
|
|
|
<LayoutLink :href="list[1].url" class="img-link">
|
|
|
<ImageFormat :lazy="false" class="item-imge" :src="list[1].src" :width="380" :height="196"></ImageFormat>
|
|
|
</LayoutLink>
|
|
|
<LayoutLink :href="list.data[2].url" class="img-link" :report="{...params, I_INDEX: 3, F_URL: list.data[2].url}">
|
|
|
<ImageFormat :lazy="false" class="item-imge" :src="list.data[2].src" :width="380" :height="196"></ImageFormat>
|
|
|
<LayoutLink :href="list[2].url" class="img-link">
|
|
|
<ImageFormat :lazy="false" class="item-imge" :src="list[2].src" :width="380" :height="196"></ImageFormat>
|
|
|
</LayoutLink>
|
|
|
</div>
|
|
|
</div>
|
...
|
...
|
@@ -21,33 +21,8 @@ export default { |
|
|
name: 'swiper',
|
|
|
props: {
|
|
|
list: {
|
|
|
type: Object,
|
|
|
type: Array,
|
|
|
},
|
|
|
index: {
|
|
|
type: Number,
|
|
|
}
|
|
|
},
|
|
|
data() {
|
|
|
return {
|
|
|
params: {},
|
|
|
}
|
|
|
},
|
|
|
mounted() {
|
|
|
console.log(this.list)
|
|
|
},
|
|
|
activated() {
|
|
|
let { template_id, template_name } = this.list;
|
|
|
let PAGE_URL = window.location.href;
|
|
|
let F_INDEX = this.index + 1;
|
|
|
let params = {
|
|
|
P_NAME: 'XY_UFOHome',
|
|
|
P_PARAM: 'cfcd8de156d3edc26c84091804c43e23',
|
|
|
F_ID: template_id,
|
|
|
PAGE_URL,
|
|
|
F_INDEX,
|
|
|
F_NAME: template_name,
|
|
|
}
|
|
|
this.params = params;
|
|
|
},
|
|
|
methods: {
|
|
|
|
...
|
...
|
|