de-net/src/view/iframe/treasure-hunt/index.vue

<template>
    <v-cover v-if="state.page == '封面页'"></v-cover>
    <v-invite v-if="state.page == '邀请页'"></v-invite>
    <v-result v-if="state.page == '开奖页'"></v-result>

</template>
<script setup>
import { reactive, provide } from 'vue'
import VCover from '@/view/iframe/treasure-hunt/cover.vue'
import VInvite from '@/view/iframe/treasure-hunt/invite.vue'
import VResult from '@/view/iframe/treasure-hunt/result.vue'

let state = reactive({
    page: '邀请页'
})
provide('state', state)

</script>
<style lang="scss" >
html,
body {
    margin: 0;
    padding: 0;
}
</style>