d57fd222092a6881b9b0513d758b44961f1cd2de5ef4fd125a6e016030abbc24a3a21b066cfb6f6665a6fdca4f35f65ce253f43db66b3057c11e4fbdc7f825 623 B

123456789101112131415161718192021222324252627282930
  1. <template>
  2. <div class="el-page-header">
  3. <div class="el-page-header__left" @click="$emit('back')">
  4. <i class="el-icon-back"></i>
  5. <div class="el-page-header__title">
  6. <slot name="title">{{ title }}</slot>
  7. </div>
  8. </div>
  9. <div class="el-page-header__content">
  10. <slot name="content">{{ content }}</slot>
  11. </div>
  12. </div>
  13. </template>
  14. <script>
  15. import { t } from 'element-ui/src/locale';
  16. export default {
  17. name: 'ElPageHeader',
  18. props: {
  19. title: {
  20. type: String,
  21. default() {
  22. return t('el.pageHeader.title');
  23. }
  24. },
  25. content: String
  26. }
  27. };
  28. </script>