cm-empty.vue 596 B

1234567891011121314151617181920212223242526272829303132
  1. <template>
  2. <view class="cm-empty">
  3. <image :src="imageUrl" :style="{ width: width, height: height }"></image> <slot></slot>
  4. </view>
  5. </template>
  6. <script>
  7. export default {
  8. props: {
  9. imageUrl: {
  10. type: String,
  11. default: ''
  12. },
  13. width: {
  14. type: String,
  15. default: '200rpx'
  16. },
  17. height: {
  18. type: String,
  19. default: '200rpx'
  20. }
  21. }
  22. }
  23. </script>
  24. <style lang="scss" scoped>
  25. .cm-empty {
  26. @extend .cm-flex-center;
  27. flex-direction: column;
  28. padding: 80rpx 0;
  29. }
  30. </style>