|
|
@ -1,11 +1,20 @@ |
|
|
|
<template> |
|
|
|
<div> |
|
|
|
<div class="inner d-flex flex-wrap"> |
|
|
|
<div :class="(index + 1) % 4 === 0 ? 'margin-0' : ''" :key="index" class="item-box mb-8" v-for="(item, index) in list"> |
|
|
|
<img :src="item.picUrl" class="con-img" v-if="item.picUrl" :title="item.name" /> |
|
|
|
<img :src="item.visitLocation" class="con-img" :title="item.name" v-else /> |
|
|
|
<div |
|
|
|
:class="(index + 1) % 4 === 0 ? 'margin-0' : ''" |
|
|
|
:key="index" |
|
|
|
class="item-box mb-8" |
|
|
|
v-for="(item, index) in list" |
|
|
|
> |
|
|
|
<img :src="item.picUrl" :title="item.name" class="con-img" v-if="item.picUrl" /> |
|
|
|
<img :src="item.visitLocation" :title="item.name" class="con-img" v-else /> |
|
|
|
<p class="font-24 my-4 title">{{ item.name }}</p> |
|
|
|
<p @click="jump(item)" class="font-16 baseColor" style="text-align: right; cursor: pointer">了解更多→</p> |
|
|
|
<p |
|
|
|
@click="jump(item)" |
|
|
|
class="font-16 baseColor" |
|
|
|
style="text-align: right; cursor: pointer" |
|
|
|
>了解更多→</p> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="inner"> |
|
|
@ -93,12 +102,13 @@ export default { |
|
|
|
}, |
|
|
|
created() { |
|
|
|
this.current = this.shareCurrent; |
|
|
|
console.log('this.listState: ', this.listState); |
|
|
|
if (this.listState === 0) { |
|
|
|
this.getProductLists(); |
|
|
|
this.getSear(); |
|
|
|
} else if (this.listState === 1) { |
|
|
|
this.getSelI(); |
|
|
|
} else { |
|
|
|
this.getSear(); |
|
|
|
this.getProductLists(); |
|
|
|
} |
|
|
|
}, |
|
|
|
methods: { |
|
|
|