PageHeader.vue 451 B

123456789101112131415161718192021222324252627282930
  1. <script setup lang="ts">
  2. defineProps({
  3. title: {
  4. type: String,
  5. required: true,
  6. }
  7. });
  8. </script>
  9. <template>
  10. <a-row type="flex" justify="space-between" :align="'middle'">
  11. <a-col>
  12. <h1 class="title">{{ title }}</h1>
  13. </a-col>
  14. <a-col>
  15. <slot></slot>
  16. </a-col>
  17. </a-row>
  18. <a-divider class="divider" />
  19. </template>
  20. <style scoped lang="scss">
  21. h1.title {
  22. font-size: 1.75em;
  23. }
  24. .divider {
  25. margin-top: 1em;
  26. }
  27. </style>