563833149ccc8140a7edc537d3db265cf3e7eb082da8cae2539e6fcd15122e6e080d04ac50b982a9afcece825159253c582c5ef132c4fc1766a652cab4df30 4.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132
  1. <template>
  2. <svg
  3. viewBox="0 0 79 86"
  4. version="1.1"
  5. xmlns="http://www.w3.org/2000/svg"
  6. xmlns:xlink="http://www.w3.org/1999/xlink"
  7. >
  8. <defs>
  9. <linearGradient
  10. :id="`linearGradient-1-${id}`"
  11. x1="38.8503086%"
  12. y1="0%"
  13. x2="61.1496914%"
  14. y2="100%"
  15. >
  16. <stop stop-color="#FCFCFD" offset="0%" />
  17. <stop stop-color="#EEEFF3" offset="100%" />
  18. </linearGradient>
  19. <linearGradient
  20. :id="`linearGradient-2-${id}`"
  21. x1="0%"
  22. y1="9.5%"
  23. x2="100%"
  24. y2="90.5%"
  25. >
  26. <stop stop-color="#FCFCFD" offset="0%" />
  27. <stop stop-color="#E9EBEF" offset="100%" />
  28. </linearGradient>
  29. <rect
  30. :id="`path-3-${id}`"
  31. x="0"
  32. y="0"
  33. width="17"
  34. height="36"
  35. />
  36. </defs>
  37. <g
  38. id="Illustrations"
  39. stroke="none"
  40. stroke-width="1"
  41. fill="none"
  42. fill-rule="evenodd"
  43. >
  44. <g id="B-type" transform="translate(-1268.000000, -535.000000)">
  45. <g id="Group-2" transform="translate(1268.000000, 535.000000)">
  46. <path
  47. id="Oval-Copy-2"
  48. d="M39.5,86 C61.3152476,86 79,83.9106622 79,81.3333333 C79,78.7560045 57.3152476,78 35.5,78 C13.6847524,78 0,78.7560045 0,81.3333333 C0,83.9106622 17.6847524,86 39.5,86 Z"
  49. fill="#F7F8FC"
  50. />
  51. <polygon
  52. id="Rectangle-Copy-14"
  53. fill="#E5E7E9"
  54. transform="translate(27.500000, 51.500000) scale(1, -1) translate(-27.500000, -51.500000) "
  55. points="13 58 53 58 42 45 2 45"
  56. />
  57. <g
  58. id="Group-Copy"
  59. transform="translate(34.500000, 31.500000) scale(-1, 1) rotate(-25.000000) translate(-34.500000, -31.500000) translate(7.000000, 10.000000)"
  60. >
  61. <polygon
  62. id="Rectangle-Copy-10"
  63. fill="#E5E7E9"
  64. transform="translate(11.500000, 5.000000) scale(1, -1) translate(-11.500000, -5.000000) "
  65. points="2.84078316e-14 3 18 3 23 7 5 7"
  66. />
  67. <polygon id="Rectangle-Copy-11" fill="#EDEEF2" points="-3.69149156e-15 7 38 7 38 43 -3.69149156e-15 43" />
  68. <rect
  69. id="Rectangle-Copy-12"
  70. :fill="`url(#linearGradient-1-${id})`"
  71. transform="translate(46.500000, 25.000000) scale(-1, 1) translate(-46.500000, -25.000000) "
  72. x="38"
  73. y="7"
  74. width="17"
  75. height="36"
  76. />
  77. <polygon
  78. id="Rectangle-Copy-13"
  79. fill="#F8F9FB"
  80. transform="translate(39.500000, 3.500000) scale(-1, 1) translate(-39.500000, -3.500000) "
  81. points="24 7 41 7 55 -3.63806207e-12 38 -3.63806207e-12"
  82. />
  83. </g>
  84. <rect
  85. id="Rectangle-Copy-15"
  86. :fill="`url(#linearGradient-2-${id})`"
  87. x="13"
  88. y="45"
  89. width="40"
  90. height="36"
  91. />
  92. <g id="Rectangle-Copy-17" transform="translate(53.000000, 45.000000)">
  93. <mask :id="`mask-4-${id}`" fill="white">
  94. <use :xlink:href="`#path-3-${id}`" />
  95. </mask>
  96. <use
  97. id="Mask"
  98. fill="#E0E3E9"
  99. transform="translate(8.500000, 18.000000) scale(-1, 1) translate(-8.500000, -18.000000) "
  100. :xlink:href="`#path-3-${id}`"
  101. />
  102. <polygon
  103. id="Rectangle-Copy"
  104. fill="#D5D7DE"
  105. :mask="`url(#mask-4-${id})`"
  106. transform="translate(12.000000, 9.000000) scale(-1, 1) translate(-12.000000, -9.000000) "
  107. points="7 0 24 0 20 18 -1.70530257e-13 16"
  108. />
  109. </g>
  110. <polygon
  111. id="Rectangle-Copy-18"
  112. fill="#F8F9FB"
  113. transform="translate(66.000000, 51.500000) scale(-1, 1) translate(-66.000000, -51.500000) "
  114. points="62 45 79 45 70 58 53 58"
  115. />
  116. </g>
  117. </g>
  118. </g>
  119. </svg>
  120. </template>
  121. <script>
  122. let id = 0;
  123. export default {
  124. name: 'ImgEmpty',
  125. data() {
  126. return {
  127. id: ++id
  128. };
  129. }
  130. };
  131. </script>