Page.vue 783 B

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051
  1. <template>
  2. <div class="static-page">
  3. <b-overlay
  4. :show="page === undefined"
  5. z-index="0"
  6. >
  7. <page-view
  8. v-if="page"
  9. :page="page" slug="static"
  10. @close="$router.push({ name: 'home' })"
  11. />
  12. </b-overlay>
  13. </div>
  14. </template>
  15. <script>
  16. import { PageView } from '@/components/layouts'
  17. export default {
  18. name: 'Page',
  19. props: {
  20. id: { type: [String, Number], required: true }
  21. },
  22. components: {
  23. PageView
  24. },
  25. data () {
  26. return {
  27. page: undefined
  28. }
  29. },
  30. async created () {
  31. this.page = await this.$store.dispatch('QUERY_PAGE_BY_ID', Number(this.id))
  32. }
  33. }
  34. </script>
  35. <style lang="scss" scoped>
  36. .static-page {
  37. min-height: 100%;
  38. .b-overlay-wrap {
  39. position: static !important;
  40. }
  41. }
  42. </style>