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 |
|
122 | <script>
|
123 | let id = 0;
|
124 | export default {
|
125 | name: 'ImgEmpty',
|
126 | data() {
|
127 | return {
|
128 | id: ++id
|
129 | };
|
130 | }
|
131 | };
|
132 | </script>
|