<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>
