empty.js 933 B

12345678910111213141516171819202122232425262728293031323334353637383940414243444546
  1. var emptyTemp = `
  2. <div class="empty-container">
  3. <div class="empty-content-position">
  4. <div class="image" :class="stateClass"></div>
  5. <div class="empty-main tip-text">
  6. <slot name="default"></slot>
  7. </div>
  8. </div>
  9. </div>
  10. `
  11. var emptyComponent = {
  12. name: 'empty-container',
  13. template: emptyTemp,
  14. props: {
  15. /**
  16. * 图标名称 back [back cry chagrin sleep smile box]
  17. */
  18. state: {
  19. type: String,
  20. default: 'back'
  21. }
  22. },
  23. computed: {
  24. stateClass () {
  25. const imgType = this.typeSrc[this.state]
  26. const classArr = [imgType]
  27. if (!window.utils.$envs.inH5) {
  28. classArr.push('fixed-position')
  29. }
  30. return classArr
  31. }
  32. },
  33. data () {
  34. return {
  35. typeSrc: {
  36. back: 'empty-back',
  37. cry: 'empty-cry',
  38. chagrin: 'empty-chagrin',
  39. sleep: 'empty-sleep',
  40. smile: 'empty-smile',
  41. box: 'empty-box'
  42. }
  43. }
  44. }
  45. }