<template>
  <div class="custom-raffle-box">
    <div v-show="current == 'activity'">
      <Activity v-model="current"></Activity>
    </div>
    <div v-show="current == 'mybox'">
      <Myraffle v-model="current"></Myraffle>
    </div>
  </div>
</template>

<script lang="ts" setup>
import Myraffle from './components/myraffle';
import Activity from './components/Activity';
import { ref } from 'vue';
const current = ref('activity');
</script>

<style lang="less">
@import './media.less';
// 一个页面一个媒体查询
.custom-raffle-box {
  width: 1000px;
  margin: 0 auto;
  padding: 30px 0 20px 0;
  height: 100%;
  box-sizing: border-box;
}
</style>
