Network.js 4.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174
  1. var prefix = 'van-empty-network-';
  2. export default {
  3. render: function render() {
  4. var h = arguments[0];
  5. var genStop = function genStop(color, offset, opacity) {
  6. return h("stop", {
  7. "attrs": {
  8. "stop-color": color,
  9. "offset": offset + "%",
  10. "stop-opacity": opacity
  11. }
  12. });
  13. };
  14. return h("svg", {
  15. "attrs": {
  16. "viewBox": "0 0 160 160",
  17. "xmlns": "http://www.w3.org/2000/svg"
  18. }
  19. }, [h("defs", [h("linearGradient", {
  20. "attrs": {
  21. "id": prefix + "1",
  22. "x1": "64.022%",
  23. "y1": "100%",
  24. "x2": "64.022%",
  25. "y2": "0%"
  26. }
  27. }, [genStop('#FFF', 0, 0.5), genStop('#F2F3F5', 100)]), h("linearGradient", {
  28. "attrs": {
  29. "id": prefix + "2",
  30. "x1": "50%",
  31. "y1": "0%",
  32. "x2": "50%",
  33. "y2": "84.459%"
  34. }
  35. }, [genStop('#EBEDF0', 0), genStop('#DCDEE0', 100, 0)]), h("linearGradient", {
  36. "attrs": {
  37. "id": prefix + "3",
  38. "x1": "100%",
  39. "y1": "0%",
  40. "x2": "100%",
  41. "y2": "100%"
  42. }
  43. }, [genStop('#EAEDF0', 0), genStop('#DCDEE0', 100)]), h("linearGradient", {
  44. "attrs": {
  45. "id": prefix + "4",
  46. "x1": "100%",
  47. "y1": "100%",
  48. "x2": "100%",
  49. "y2": "0%"
  50. }
  51. }, [genStop('#EAEDF0', 0), genStop('#DCDEE0', 100)]), h("linearGradient", {
  52. "attrs": {
  53. "id": prefix + "5",
  54. "x1": "0%",
  55. "y1": "43.982%",
  56. "x2": "100%",
  57. "y2": "54.703%"
  58. }
  59. }, [genStop('#EAEDF0', 0), genStop('#DCDEE0', 100)]), h("linearGradient", {
  60. "attrs": {
  61. "id": prefix + "6",
  62. "x1": "94.535%",
  63. "y1": "43.837%",
  64. "x2": "5.465%",
  65. "y2": "54.948%"
  66. }
  67. }, [genStop('#EAEDF0', 0), genStop('#DCDEE0', 100)]), h("radialGradient", {
  68. "attrs": {
  69. "id": prefix + "7",
  70. "cx": "50%",
  71. "cy": "0%",
  72. "fx": "50%",
  73. "fy": "0%",
  74. "r": "100%",
  75. "gradientTransform": "matrix(0 1 -.54835 0 .5 -.5)"
  76. }
  77. }, [genStop('#EBEDF0', 0), genStop('#FFF', 100, 0)])]), h("g", {
  78. "attrs": {
  79. "fill": "none",
  80. "fill-rule": "evenodd"
  81. }
  82. }, [h("g", {
  83. "attrs": {
  84. "opacity": ".8"
  85. }
  86. }, [h("path", {
  87. "attrs": {
  88. "d": "M0 124V46h20v20h14v58H0z",
  89. "fill": "url(#" + prefix + "1)",
  90. "transform": "matrix(-1 0 0 1 36 7)"
  91. }
  92. }), h("path", {
  93. "attrs": {
  94. "d": "M121 8h22.231v14H152v77.37h-31V8z",
  95. "fill": "url(#" + prefix + "1)",
  96. "transform": "translate(2 7)"
  97. }
  98. })]), h("path", {
  99. "attrs": {
  100. "fill": "url(#" + prefix + "7)",
  101. "d": "M0 139h160v21H0z"
  102. }
  103. }), h("path", {
  104. "attrs": {
  105. "d": "M37 18a7 7 0 013 13.326v26.742c0 1.23-.997 2.227-2.227 2.227h-1.546A2.227 2.227 0 0134 58.068V31.326A7 7 0 0137 18z",
  106. "fill": "url(#" + prefix + "2)",
  107. "fill-rule": "nonzero",
  108. "transform": "translate(43 36)"
  109. }
  110. }), h("g", {
  111. "attrs": {
  112. "opacity": ".6",
  113. "stroke-linecap": "round",
  114. "stroke-width": "7"
  115. }
  116. }, [h("path", {
  117. "attrs": {
  118. "d": "M20.875 11.136a18.868 18.868 0 00-5.284 13.121c0 5.094 2.012 9.718 5.284 13.12",
  119. "stroke": "url(#" + prefix + "3)",
  120. "transform": "translate(43 36)"
  121. }
  122. }), h("path", {
  123. "attrs": {
  124. "d": "M9.849 0C3.756 6.225 0 14.747 0 24.146c0 9.398 3.756 17.92 9.849 24.145",
  125. "stroke": "url(#" + prefix + "3)",
  126. "transform": "translate(43 36)"
  127. }
  128. }), h("path", {
  129. "attrs": {
  130. "d": "M57.625 11.136a18.868 18.868 0 00-5.284 13.121c0 5.094 2.012 9.718 5.284 13.12",
  131. "stroke": "url(#" + prefix + "4)",
  132. "transform": "rotate(-180 76.483 42.257)"
  133. }
  134. }), h("path", {
  135. "attrs": {
  136. "d": "M73.216 0c-6.093 6.225-9.849 14.747-9.849 24.146 0 9.398 3.756 17.92 9.849 24.145",
  137. "stroke": "url(#" + prefix + "4)",
  138. "transform": "rotate(-180 89.791 42.146)"
  139. }
  140. })]), h("g", {
  141. "attrs": {
  142. "transform": "translate(31 105)",
  143. "fill-rule": "nonzero"
  144. }
  145. }, [h("rect", {
  146. "attrs": {
  147. "fill": "url(#" + prefix + "5)",
  148. "width": "98",
  149. "height": "34",
  150. "rx": "2"
  151. }
  152. }), h("rect", {
  153. "attrs": {
  154. "fill": "#FFF",
  155. "x": "9",
  156. "y": "8",
  157. "width": "80",
  158. "height": "18",
  159. "rx": "1.114"
  160. }
  161. }), h("rect", {
  162. "attrs": {
  163. "fill": "url(#" + prefix + "6)",
  164. "x": "15",
  165. "y": "12",
  166. "width": "18",
  167. "height": "6",
  168. "rx": "1.114"
  169. }
  170. })])])]);
  171. }
  172. };