authLogin.vue 980 B

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556
  1. <!-- 移动端 twitter授权登录中间页 -->
  2. <template>
  3. <div class="welcome">
  4. <span class="text">Success</span>
  5. </div>
  6. </template>
  7. <script>
  8. import { setStorage, storageKey } from '../../utils/help';
  9. export default {
  10. name: 'authLogin',
  11. data() {
  12. return {
  13. code: '',
  14. };
  15. },
  16. methods: {
  17. close() {
  18. window.close();
  19. },
  20. },
  21. mounted() {
  22. let url = new URL(window.location.href);
  23. let search = url.search;
  24. let urlParams = new URLSearchParams(search);
  25. let verifier = urlParams.get('oauth_verifier');
  26. if (verifier) {
  27. setStorage(storageKey.verifier, verifier);
  28. let time = process.env.NODE_ENV === 'production' ? 200 : 500;
  29. setTimeout(() => {
  30. this.close();
  31. }, time);
  32. } else {
  33. this.close();
  34. }
  35. },
  36. };
  37. </script>
  38. <style lang="scss" scoped>
  39. body {
  40. background-color: #f5f5f5;
  41. }
  42. .welcome {
  43. display: flex;
  44. align-items: center;
  45. justify-content: center;
  46. width: 100%;
  47. height: 100%;
  48. .text {
  49. font-size: 22px;
  50. color: #1d9bf0;
  51. }
  52. }
  53. </style>