stay-tune.vue 896 B

1234567891011121314151617181920212223242526272829303132333435363738394041424344
  1. <template>
  2. <div class="page-container">
  3. <div class="text-center">
  4. <img src="~@/assets/images/exception/stay-tune.png" alt="" />
  5. </div>
  6. <div class="text-center" style="margin-top: -100px; margin-bottom: 30px">
  7. <!-- <h1>敬请期待!</h1> -->
  8. </div>
  9. <div>
  10. <el-button type="primary" @click="goHome">回到首页</el-button>
  11. </div>
  12. </div>
  13. </template>
  14. <script lang="ts" setup>
  15. import { useRouter } from 'vue-router';
  16. const router = useRouter();
  17. function goHome() {
  18. router.push('/');
  19. }
  20. </script>
  21. <style lang="scss" scoped>
  22. .page-container {
  23. width: 100%;
  24. border-radius: 4px;
  25. padding-top: 100px;
  26. text-align: center;
  27. // flex-direction: column;
  28. .text-center {
  29. h1 {
  30. color: var(--el-color-info);
  31. padding: 20px 0;
  32. }
  33. }
  34. img {
  35. width: 350px;
  36. margin: 0 auto;
  37. }
  38. }
  39. </style>