hero.vue 4.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475
  1. <template>
  2. <svg version="1.0" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="150 100 600 600"
  3. width="900" height="900" preserveAspectRatio="xMidYMid meet"
  4. style="width: 100%;height: 100%;transform: translate3d(0px, 0px, 0px);content-visibility: visible;">
  5. <g clip-path="url(#__lottie_element_14)">
  6. <g clip-path="url(#__lottie_element_16)" transform="matrix(1,0,0,1,-540,0)" opacity="1" style="display: block;"
  7. class="">
  8. <g transform="matrix(0.9333299994468689,0,0,0.9333299994468689,741.6007080078125,442.7997131347656)"
  9. opacity="0.5" style="display: none;">
  10. <g opacity="1" transform="matrix(1,0,0,1,0,0)">
  11. <path stroke="url(#__lottie_element_56)" stroke-linecap="butt" stroke-linejoin="miter" fill-opacity="0"
  12. stroke-miterlimit="4" stroke-opacity="1" stroke-width="1.2" d="M0 0"></path>
  13. </g>
  14. </g>
  15. <g transform="matrix(0.8399999737739563,0,0,0.8399999737739563,772.43505859375,240.6540069580078)" opacity="0.5"
  16. style="display: none;">
  17. <g opacity="1" transform="matrix(1,0,0,1,0,0)">
  18. <path stroke="url(#__lottie_element_52)" stroke-linecap="butt" stroke-linejoin="miter" fill-opacity="0"
  19. stroke-miterlimit="4" stroke-opacity="1" stroke-width="1.2" d="M0 0"></path>
  20. </g>
  21. </g>
  22. <g transform="matrix(0,0.7559999823570251,-0.7559999823570251,0,936.1370239257812,95.88749694824219)"
  23. opacity="0.5" style="display: none;">
  24. <g opacity="1" transform="matrix(1,0,0,1,0,0)">
  25. <path stroke="url(#__lottie_element_48)" stroke-linecap="butt" stroke-linejoin="miter" fill-opacity="0"
  26. stroke-miterlimit="4" stroke-opacity="1" stroke-width="1.2" d="M0 0"></path>
  27. </g>
  28. </g>
  29. <g transform="matrix(0,0.680400013923645,-0.680400013923645,0,1180.6092529296875,120.86973571777344)"
  30. opacity="0.5" style="display: none;">
  31. <g opacity="1" transform="matrix(1,0,0,1,0,0)">
  32. <path stroke="url(#__lottie_element_44)" stroke-linecap="butt" stroke-linejoin="miter" fill-opacity="0"
  33. stroke-miterlimit="4" stroke-opacity="1" stroke-width="1.2" d="M0 0"></path>
  34. </g>
  35. </g>
  36. <g class="png" style="display: block;"
  37. transform="matrix(0.49984171986579895,0,0,0.49984171986579895,867.0557250976562,518.4012451171875)"
  38. opacity="0.9990504329105607">
  39. <image width="704px" height="180px" preserveAspectRatio="xMidYMid slice"
  40. xlink:href="https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*sj5-SbD5N-QAAAAAAAAAAAAADgCCAQ/original">
  41. </image>
  42. </g>
  43. <g mask="url(#__lottie_element_35_1)" style="display: block;">
  44. <g class="png"
  45. transform="matrix(0.5035207271575928,0,0,0.5035207271575928,848.6726684570312,153.64657592773438)"
  46. opacity="0.6">
  47. <image width="754px" height="752px" preserveAspectRatio="xMidYMid slice"
  48. xlink:href="https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*4lqPTowypyoAAAAAAAAAAAAADgCCAQ/original">
  49. </image>
  50. </g>
  51. </g>
  52. <g class="png" style="display: block;" transform="matrix(0.5,0,0,0.5,816,154.97036743164062)" opacity="1">
  53. <image width="896px" height="762px" preserveAspectRatio="xMidYMid slice"
  54. xlink:href="https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*FwIEQom15DsAAAAAAAAAAAAADgCCAQ/original">
  55. </image>
  56. </g>
  57. <g class="png" transform="matrix(0.5,0,0,0.5,948,247.97036743164062)" opacity="1" style="display: block;">
  58. <image width="380px" height="376px" preserveAspectRatio="xMidYMid slice"
  59. xlink:href="https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*k0oYSZQMoBwAAAAAAAAAAAAADgCCAQ/original">
  60. </image>
  61. </g>
  62. <g class="png" style="display: block;" transform="matrix(0.5,0,0,0.5,1122,175.97036743164062)" opacity="1">
  63. <image width="240px" height="568px" preserveAspectRatio="xMidYMid slice"
  64. xlink:href="https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*RW04QJvg4nwAAAAAAAAAAAAADgCCAQ/original">
  65. </image>
  66. </g>
  67. <g class="png" style="display: block;" transform="matrix(0.5,0,0,0.5,976,148.9708709716797)" opacity="1">
  68. <image width="266px" height="82px" preserveAspectRatio="xMidYMid slice"
  69. xlink:href="https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*eEyaRY2tKwsAAAAAAAAAAAAADgCCAQ/original">
  70. </image>
  71. </g>
  72. </g>
  73. </g>
  74. </svg>
  75. </template>