<template>
  <div class="page">
    <GlobeTransition
      :durationMs="5000"
      :target="{ lon: 116.657, lat: 39.909, name: '北京·通州' }"
      @done="goHome"
    />
  </div>
</template>

<script>
import GlobeTransition from "@/components/GlobeTransition.vue";

export default {
  name: "Transition",
  components: { GlobeTransition },
  methods: {
    goHome() {
      this.$router.replace("/main");
    }
  }
};
</script>

<style scoped>
.page{
  width:100vw; height:100vh;
  background: radial-gradient(circle at 50% 50%, rgba(25,80,180,0.22), rgba(5,10,28,1) 65%);
}
</style>