empty.vue 448 B

1234567891011121314151617181920212223242526
  1. <template>
  2. <div class="empty-box">
  3. <slot>没有数据</slot>
  4. </div>
  5. </template>
  6. <script>
  7. export default {
  8. name: 'vue-empty'
  9. }
  10. </script>
  11. <style lang="scss">
  12. @import '~assets/scss/mixins';
  13. @import '~assets/scss/variables';
  14. .empty-box {
  15. position: relative;
  16. display: flex;
  17. width: 100%;
  18. height: 100%;
  19. min-height: 5em;
  20. text-align: center;
  21. justify-content: center;
  22. align-items: center;
  23. }
  24. </style>