error.vue 776 B

1234567891011121314151617181920212223242526272829303132333435363738
  1. <template>
  2. <div class="error">
  3. <div class="error-content">
  4. <h1 class="error-code">{{ error.statusCode }}</h1>
  5. <div class="error-wrapper-message">
  6. <h2 class="error-message">找不到页面</h2>
  7. </div>
  8. <p>
  9. <nuxt-link class="error-link" to="/">返回首页</nuxt-link>
  10. </p>
  11. </div>
  12. </div>
  13. </template>
  14. <script>
  15. export default {
  16. props: ['error']
  17. }
  18. </script>
  19. <style lang="scss">
  20. @import '~assets/scss/mixins';
  21. @import '~assets/scss/variables';
  22. .error {
  23. position: relative;
  24. background-color: $module-bg;
  25. min-height: 10em;
  26. width: 100%;
  27. overflow: hidden;
  28. text-align: center;
  29. padding: 2em 0;
  30. .error-content {
  31. .error-code {
  32. font-size: 6rem;
  33. }
  34. }
  35. }
  36. </style>