close.vue 984 B

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748
  1. <template>
  2. <div class="welcome">
  3. <span class="text">Success</span>
  4. </div>
  5. </template>
  6. <script lang="ts" setup>
  7. import { onMounted } from 'vue';
  8. import { setStorage, storageKey } from '../static/utils/storage'
  9. const close = () => {
  10. window.close()
  11. }
  12. onMounted(() => {
  13. let url = new URL(window.location.href);
  14. let search = url.search;
  15. let urlParams = new URLSearchParams(search);
  16. let verifier: any = urlParams.get('oauth_verifier');
  17. // set
  18. if (verifier) {
  19. setStorage(storageKey.verifier, verifier)
  20. // @ts-ignore
  21. let time = process.env.NODE_ENV === 'production' ? 500 : 500;
  22. setTimeout(() => {
  23. close()
  24. }, time)
  25. }
  26. })
  27. </script>
  28. <style lang="less">
  29. body {
  30. background-color: #F5F5F5;
  31. }
  32. .welcome {
  33. display: flex;
  34. align-items: center;
  35. justify-content: center;
  36. width: 100%;
  37. height: 100%;
  38. .text {
  39. font-size: 22px;
  40. color: #1D9BF0;
  41. }
  42. }
  43. </style>