92 lines
2.2 KiB
Vue
92 lines
2.2 KiB
Vue
<template>
|
|
<div class="a-container">
|
|
<!---->
|
|
<activeNewlyweds v-show="id == 1"></activeNewlyweds>
|
|
<activeConsumption v-show="id == 3" ></activeConsumption>
|
|
<invite v-show="id == 4"></invite>
|
|
<birthday v-show="id == 5" ></birthday>
|
|
<separate v-show="id == 9" ></separate>
|
|
<TimeLimited v-show="id == 10"></TimeLimited>
|
|
<liJianMarketing v-show="id == 11"></liJianMarketing>
|
|
<userRecharge v-show="id == 6"></userRecharge>
|
|
<userConsume v-show="id == 7"></userConsume>
|
|
<popUp v-show="id == 8"></popUp>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
//开卡有礼
|
|
import activeNewlyweds from '../../EventMarketing/activeNewlyweds/index.vue'
|
|
//消费有礼
|
|
import activeConsumption from '../../EventMarketing/activeConsumption/index.vue'
|
|
// 分时优惠
|
|
import separate from './separate.vue'
|
|
// 限时优惠
|
|
import TimeLimited from './TimeLimited.vue'
|
|
// 立减营销
|
|
import liJianMarketing from "@/views/EventMarketing/liJianMarketing/index.vue";
|
|
// 邀请有礼
|
|
import invite from "./invite.vue";
|
|
// 生日有礼
|
|
import birthday from "./birthday.vue"
|
|
// 推荐会员充值有礼
|
|
import userRecharge from "@/views/EventMarketing/openCardGift/userRecharge.vue";
|
|
// 推荐会员消费有礼
|
|
import userConsume from "@/views/EventMarketing/openCardGift/userConsume.vue";
|
|
// 弹窗营销
|
|
import popUp from "@/views/EventMarketing/openCardGift/popUp.vue";
|
|
export default {
|
|
data() {
|
|
return {
|
|
id:''
|
|
|
|
}
|
|
},
|
|
created() {
|
|
this.id = this.$route.query.id
|
|
console.log(this.$route.query.id)
|
|
},
|
|
components:{
|
|
//开卡有礼
|
|
activeNewlyweds,
|
|
//消费有礼
|
|
activeConsumption,
|
|
// 分时优惠
|
|
separate,
|
|
// 限时优惠
|
|
TimeLimited,
|
|
// 立减营销
|
|
liJianMarketing,
|
|
// 邀请有礼
|
|
invite,
|
|
//生日有礼
|
|
birthday,
|
|
// 推荐会员充值有礼
|
|
userRecharge,
|
|
// 推荐会员消费有礼
|
|
userConsume,
|
|
// 弹窗营销
|
|
popUp,
|
|
},
|
|
methods: {
|
|
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style lang="scss" scoped>
|
|
.app-container {
|
|
width: 100%;
|
|
height: 100vh;
|
|
background: #f6f8f9;
|
|
}
|
|
.cot-box {
|
|
width: 100%;
|
|
border-radius: 8px;
|
|
background: #fff;
|
|
box-sizing: border-box;
|
|
padding: 20px;
|
|
margin: 0 auto;
|
|
}
|
|
</style>
|