<template>
|
<!-- 单图 -->
|
<view class="coreshop-adpop" v-if="coreshopdata.parameters.list && coreshopdata.parameters.list.length > 0">
|
<view class="adpop" v-if="closeAd">
|
<view class="adpop-center">
|
<view class="adpop-img">
|
<!-- #ifdef MP-WEIXIN -->
|
<view @click="showSliderInfo(coreshopdata.parameters.list[0].linkType, coreshopdata.parameters.list[0].linkValue)">
|
<image class="ad-img" :src="coreshopdata.parameters.list[0].image" mode="widthFix"></image>
|
</view>
|
<!-- #endif -->
|
<!-- #ifndef MP-WEIXIN -->
|
<image class="ad-img" :src="coreshopdata.parameters.list[0].image" mode="widthFix" @click="showSliderInfo(coreshopdata.parameters.list[0].linkType, coreshopdata.parameters.list[0].linkValue)"></image>
|
<!-- #endif -->
|
</view>
|
<image class="close-btn" src="/static/images/close-pink.png" mode="" @click="closePop"></image>
|
</view>
|
</view>
|
</view>
|
</template>
|
|
<script>
|
export default {
|
name: "coreshopadpop",
|
props: {
|
coreshopdata: {
|
// type: Object,
|
required: true,
|
}
|
},
|
data() {
|
return {
|
closeAd: true
|
}
|
},
|
computed: {
|
count() {
|
// console.log(coreshopdata)
|
return (this.coreshopdata.parameters.list.length > 0)
|
}
|
|
},
|
methods: {
|
closePop() {
|
this.closeAd = false
|
},
|
},
|
}
|
</script>
|
|
<style scoped lang="scss">
|
.coreshop-adpop {
|
.adpop { position: fixed; background: rgba(0,0,0,.5); width: 100%; height: 100vh; z-index: 999; top: 0; left: 0;
|
.adpop-center { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 70%; text-align: center;
|
.adpop-img { width: 100%; max-height: 500px; margin-bottom: 25px;
|
.ad-img { width: 100%; max-height: 500px; }
|
}
|
.close-btn { width: 40px; height: 40px; }
|
}
|
}
|
}
|
</style>
|
