galaxy-uniapp-mcp-server
Version:
Galaxy组件库到UniApp组件转换MCP服务器 - 支持跨平台组件转换、兼容性分析和项目集成
94 lines • 36.7 kB
JSON
{
"id": "escannord_spotty-jellyfish-36",
"name": "spotty-jellyfish-36",
"category": "tooltips",
"author": "escannord",
"description": "spotty-jellyfish-36 组件 (tooltip, message, support, animation, interactive)",
"tags": [
"tooltip",
"message",
"support",
"animation",
"interactive"
],
"original": {
"html": "<div class=\"tooltip-container\">\n <span class=\"tooltip\">Uiverse.io</span>\n <span class=\"text\">Tooltip</span>\n <svg id=\"Calque_1\" viewBox=\"0 0 377 270\" xmlns=\"http://www.w3.org/2000/svg\">\n <g id=\"phone\">\n <g id=\"caractere_x5F_1\">\n <g>\n <path id=\"right_x5F_hair\" class=\"st1\" d=\"M199,87.1c-0.9-2.6-1.2-5.3-1.2-8.2c0.2,0.4,0.3,0.8,0.5,1.1c1.4,3.1,2.9,5.8,4.4,8\n\t\t\t\tc-1.2-2.8-2.6-6.9-3.2-12.1c-0.4-4.6,0-8.5,0.5-11.3c2.2-10.3,4.6-21.2-1.6-31.5c-10.9-18.3-33.6-8.4-33.6-8.4L151,110.2\n\t\t\t\tc0,0,17.8,28.2,42,18.3C217.2,118.7,204.4,102.4,199,87.1z\"></path>\n <g id=\"neck_2_\">\n <path id=\"neck_x5F_and_x5F_shoulder\" class=\"st2\" d=\"M175.4,146.4c-12.7,2.3-56.5-13-69.2-11c-1.1-8.3,6.2-16.7,9.8-19.2\n\t\t\t\t\tc10-6.9,28,4.2,27.3-17.8c-0.8-22.9-1.6-28.3-1.6-28.3l26.2,17.5c0,0-5.6,8.1,0,19.7c5.2,10.6,23-2,29.8,11\n\t\t\t\t\tC180.1,123.5,193.3,143.2,175.4,146.4z\"></path>\n <path id=\"shadow_x5F_head\" class=\"st3\" d=\"M166.8,104.9c-10.9,1.5-20.9-4.5-23.9-14.5c-0.7-16.2-1.2-20.4-1.2-20.4l26.2,17.5\n\t\t\t\t\tC167.8,87.6,163,94.6,166.8,104.9z\"></path>\n </g>\n <g id=\"face\">\n <path id=\"face_4_\" class=\"st2\" d=\"M188.2,78c-0.5,4.5-2.8,7.9-4,9.8c-1.1,1.7-1,1.1-5.4,6.3c-3.8,4.5-4,5-5.2,5.5\n\t\t\t\t\tc-1.5,0.6-3.7,0.6-10.4-3.1c-4.9-2.7-8-4.4-11.8-8c-4.2-3.9-11.5-10.6-13.8-21.6c-0.9-4.2-3.3-16.1,23.3-31.2\n\t\t\t\t\tc0,0,10.4-4.1,18.5,1.2c7.5,5,8.5,14.4,8.7,16.2c0.6,6.2-1.8,8.2-1.1,15.2c0.1,0.5,0.1,1,0.2,1.6l0,0\n\t\t\t\t\tC187.8,73.4,188.6,74.8,188.2,78z\"></path>\n <g>\n <g id=\"nose\">\n <path class=\"st4\" d=\"M176.7,63.3c0.9,1.9,1.6,3.8,2.4,5.5c0.4,0.9,0.9,1.8,1.3,2.5c0.5,0.8,1.1,1.5,1.8,1.8l1.3,0.6l-1.2,0.6\n\t\t\t\t\t\t\tc-1.1,0.5-2.1,1-3.2,1.4c-1.1,0.4-2.2,0.8-3.4,0.9c0.5-0.2,1.1-0.5,1.6-0.8s1-0.6,1.5-0.9c1-0.6,2-1.2,2.9-1.8l0.1,1.2\n\t\t\t\t\t\t\tc-1.2-0.4-2-1.3-2.6-2.2c-0.6-0.9-1.1-1.9-1.4-2.9c-0.4-1-0.6-2-0.8-3C176.7,65.4,176.6,64.4,176.7,63.3z\"></path>\n </g>\n <g id=\"left_x5F_eyebrow\">\n <path class=\"st5\" d=\"M153.1,55.8c0.3-0.7,0.8-1.4,1.3-2s1.1-1.1,1.8-1.6c1.3-0.9,3-1.5,4.7-1.6c1.8-0.1,3.6,0.5,4.9,1.5\n\t\t\t\t\t\t\tc1.4,1,2.4,2.4,2.6,4.1c-1.5-0.7-2.8-1.2-4-1.4c-1.2-0.3-2.3-0.4-3.4-0.4c-1.1,0.1-2.3,0.2-3.6,0.5c-0.6,0.1-1.3,0.3-2,0.5\n\t\t\t\t\t\t\tC154.6,55.5,153.9,55.7,153.1,55.8z\"></path>\n </g>\n <g id=\"right_x5F_eyebrow\">\n <path class=\"st5\" d=\"M188.6,55.7c-1.2-0.8-2.2-1.3-3.1-1.5c-0.9-0.2-1.6-0.1-2.6,0h-0.3l-0.4,0.1l-0.7,0.2\n\t\t\t\t\t\t\tc-0.5,0.2-1,0.3-1.6,0.4c-0.6,0.2-1.1,0.3-1.8,0.5c-0.6,0.1-1.3,0.3-2,0.3c0.2-0.7,0.6-1.3,1-1.9c0.4-0.6,0.9-1,1.4-1.5\n\t\t\t\t\t\t\ts1.1-0.8,1.7-1.2c0.3-0.2,0.7-0.3,1-0.4l0.5-0.2l0.6-0.1c1.5-0.3,3.4,0,4.6,1.1C188.2,52.7,188.8,54.3,188.6,55.7z\"></path>\n </g>\n </g>\n <path id=\"mouth\" class=\"st5\" d=\"M159.1,79.6c0,0,0.3,3.2,2.5,5.8c0.3,0.4,0.7,0.8,1.1,1.1c1.9,1.6,4.7,2.7,9.1,2.1\n\t\t\t\t\tc0.5-0.1,0.9-0.2,1.3-0.4c0.4-0.2,0.9-0.4,1.2-0.6c3.4-2.1,3.9-6.4,3.9-6.4s-0.7,0.2-1.8,0.4c-2.8,0.6-8.5,1.1-14.8-1.1\n\t\t\t\t\tC160.7,80.3,159.9,80,159.1,79.6z\"></path>\n <path id=\"tongue\" class=\"st6\" d=\"M162.7,86.5c1.9,1.6,4.7,2.7,9.1,2.1c0.5-0.1,0.9-0.2,1.3-0.4c-0.3-1.5-2.9-2.7-6-2.7\n\t\t\t\t\tC165.3,85.5,163.8,85.9,162.7,86.5z\"></path>\n <path id=\"thoot\" class=\"st7\" d=\"M161.6,80.6c0,0.7,0.4,1.6,1.7,1.9c2.5,0.5,8.6,1.4,12.4,0.4c0,0,0.5-0.4,0.7-1.2\n\t\t\t\t\tC173.6,82.3,167.8,82.9,161.6,80.6z\"></path>\n <path id=\"eye_x5F_right\" class=\"st5\" d=\"M186,63.8c-1.2-0.5-2.1-0.9-3.2-0.9c-1-0.1-2.1,0.1-3.3,0.4c0.3-0.6,0.9-1,1.4-1.3\n\t\t\t\t\tc0.6-0.3,1.3-0.4,2-0.3C184.2,61.7,185.5,62.5,186,63.8z\"></path>\n <path id=\"eye_x5F_left\" class=\"st5\" d=\"M158.4,62.6c1-1.4,2.9-2.3,4.7-2.1c0.9,0.1,1.8,0.3,2.6,0.8s1.4,1.1,1.9,1.9\n\t\t\t\t\tc-0.8-0.4-1.5-0.8-2.3-1c-0.8-0.3-1.5-0.4-2.3-0.5s-1.5,0-2.3,0.2C160,62,159.2,62.3,158.4,62.6z\"></path>\n </g>\n <path id=\"hair_x5F_left\" class=\"st5\" d=\"M171.3,32.2c0.1-1.7-0.1-3.7-1.1-5.7c-4.5-8.2-21.3-6.8-29.6-5.2\n\t\t\t\tC107,27.8,120.4,92,120.4,92c-21.2,9.9-11.9,28.2-11.9,28.2c1.5-1.5,4-3.4,7.4-3.9c4.6-0.7,7.1,1.7,12.1,1.9\n\t\t\t\tc3.9,0.2,8.2-1.4,11.1-2.9c14.7-7.8-1-32.5,5.5-46.7c-0.1,1.2-0.1,2.4-0.2,3.7c-0.1,3.5,0.6,6.4,1.1,8.3\n\t\t\t\tc-0.2-2.1-0.6-9.3,4.2-15.8c1.9-2.5,3.9-4.1,5.7-5.2c0.3-0.2,0.6-0.3,0.9-0.5c0.1-0.1,0.2-0.1,0.3-0.2l0,0\n\t\t\t\tC173.4,48.2,171.3,32.2,171.3,32.2z\"></path>\n\n <ellipse id=\"left_x5F_cheek_2_\" transform=\"matrix(8.249854e-02 -0.9966 0.9966 8.249854e-02 79.3047 221.9763)\" class=\"st8\" cx=\"160.2\" cy=\"67.9\" rx=\"1.3\" ry=\"3.7\"></ellipse>\n <path id=\"right_x5F_cheeck\" class=\"st8\" d=\"M187.3,69.9L187.3,69.9c-0.6,0.1-1.3,0.2-2.1,0.1c-1.6-0.1-2.9-0.7-2.9-1.3\n\t\t\t\tc0.1-0.6,1.4-0.9,3.1-0.8c0.6,0.1,1.2,0.2,1.7,0.3C187.1,68.8,187.2,69.3,187.3,69.9z\"></path>\n </g>\n <g id=\"left_x5F_arm_2_\">\n <path class=\"st3\" d=\"M253.8,129.2c1.8-0.9,3.4-0.4,3.9,0.4c0.4,0.6-0.8,0.8-2.2,2.4c-1.4,1.7-3.4,5.2-3.4,5.2l-2.1-3.8\n\t\t\t\tC249.9,133.4,251.6,130.3,253.8,129.2z\"></path>\n <path class=\"st2\" d=\"M252.4,140.8c-0.4,5.4-0.7,9.3-1.9,13.4c-0.2,0.7-0.8,2.7-1.6,5.1c-0.1,0.3-0.2,0.7-0.3,1\n\t\t\t\tc-0.4,1.1-0.7,2.1-0.9,2.7c0,0.1-0.1,0.2-0.1,0.3c-3.6-2.6-6.1-3-7.7-2.7c-0.4,0.1-1.6,0.3-2.8-0.2c-1-0.4-1.6-1.2-2-1.8\n\t\t\t\tc1.2-1.4,2.1-2.7,2.6-3.6c0.5-1,1.1-2.1,1.3-2.6c0.3-0.7,0.6-1.3,0.8-1.7c-0.1-1-0.3-2-0.4-2.9c-0.4-2.8-0.6-5.5-0.9-8.2\n\t\t\t\tc0,0-1.6-2.2-1.8-2.5c-0.2-0.2-0.7-0.4-0.9-0.9c-0.4-1.8,0.7-3.2,0.7-3.2s-0.4-0.9,0-2.1s1.3-2.2,1.3-2.2s-0.5-2.7,0-3.3\n\t\t\t\tc0.5-0.6,5.4-3.1,6.4-2.8c1,0.3,4.1,5.2,4.1,5.2s-0.3-2.2-0.8-3.4c-0.5-1.2-0.5-2.7-3.8-4.5c-3.8-2.1-3.8-3.7-3.3-4.3\n\t\t\t\tc0.5-0.5,2.9,0.8,4.5,1.6c1.6,0.8,3.1,2.3,5.1,4c2,1.6,1.5,3.1,1.9,4.9c0.5,1.8,0.2,3.6,0.6,4.7\n\t\t\t\tC252.8,131.3,252.9,134.4,252.4,140.8z\"></path>\n <path class=\"st3\" d=\"M237.8,136c0.5,0.1,1.3,2.5,2.2,2.3c0.2-0.1,1.3-0.5,1.3-0.8c0,0-0.9-1.2-1.6-1.7c-0.7-0.5-1.4-1.2-2.1-1.4\n\t\t\t\tc-0.9-0.1-2,0.7-1.7,1.6c0.1,0.4,0,0.7,0.6,1.8c0.4,0.8,1.4,2.2,1.9,2.6c0.4,0.3,0.6-0.7,0.7-1.5\n\t\t\t\tC239.1,138.6,238.1,136.5,237.8,136z\"></path>\n <path class=\"st3\" d=\"M243.3,135c0.4,0-1.6-2.7-1.9-3c-0.6-0.7-1.3-1.7-2.1-2.2c-0.9-0.5-2-0.2-2.5,0.7c-0.3,0.7-0.5,1.6-0.2,2.4\n\t\t\t\tc0.6-1.1,1.2-1.6,2.4-1C240.4,132.5,243.3,135,243.3,135z\"></path>\n <path class=\"st3\" d=\"M244.9,127.7c-0.4-1.1-0.8-1.4-1.3-2.4c-0.2-0.4-0.4-0.9-0.9-0.9c-0.4,0-1.3,0.4-1.7,0.6\n\t\t\t\tc-1.3,0.6-2.9,0.9-3.1,1.1c-0.2,0.2-0.4,1.4,0,2.1c0.3-0.6,1-1.1,1.5-1.2c0.6-0.1,1.2,0.2,1.7,0.4c1,0.5,2,1.4,2.8,2.1\n\t\t\t\tc0.9,0.8,2.4,2.6,2.4,2.6C246.5,130.9,245.2,128.4,244.9,127.7z\"></path>\n <g>\n <path class=\"st9\" d=\"M240.6,137.4h0.1l0,0H240.6z\"></path>\n <path class=\"st3\" d=\"M240.9,151.1c-0.2-0.6-1.9-7.6-0.1-12.6c0.1-0.4,0.5-1.1,0.5-1.1c-3.4,0.5-3,4.1-3,5.6\n\t\t\t\t\tc0.1,2.2,0.6,5.5,1.5,7.6c0.3,0.7,1.2,2.2,2,2.1C241.4,152.4,241.1,151.6,240.9,151.1z\"></path>\n </g>\n <path id=\"right_x5F_arm_4_\" class=\"st2\" d=\"M248.9,159.3c-0.1,0.7-0.3,1.5-0.6,2.2c0,0-0.2,0.6-0.6,1.5c-0.1,0.1-0.1,0.3-0.1,0.3\n\t\t\t\tc-0.1,0.4-14,34.6-27.3,35.5c-10.5,0.7-24.5-19-29.5-49.2c-1.3-7.7-2.6-15.3-3.9-23c0,0,17.1,2.4,22.2,15.5\n\t\t\t\tc7.1,18.2,12.2,34.6,12.2,34.6c7.4-7.6,10.5-11.9,11.9-14.5c0.6-1.2,1.3-2.4,2-3.6c1.2-1.4,2.1-2.7,2.6-3.6\n\t\t\t\tc0.5-1,1.1-2.1,1.3-2.6c1.6-1.3,4.5-2.2,6.7-1.2C248.1,152.3,249.6,155.6,248.9,159.3z\"></path>\n <path id=\"shadow_x5F_right_x5F_arm_2_\" class=\"st3\" d=\"M221.3,176.7l-3.3,2.8c0,0-1.1-16.2-2.6-20.4L221.3,176.7z\"></path>\n </g>\n <path id=\"skirt_2_\" class=\"st10\" d=\"M211.4,267.9H96.7c0.7-2.3,1.5-4.5,2.3-6.4c6.2-15.6,14.1-23.9,23.3-47.3\n\t\t\tc2.6-6.4,4.5-12.3,6.1-17.2c1.2-3.8,2.1-7.1,2.8-9.8c19.9,1.1,39.9,2.2,59.8,3.3c0.6,2.1,1.2,4.3,1.9,6.5\n\t\t\tc3.3,11.6,6.5,23.4,9.6,35.5C205.6,244.4,208.6,256.3,211.4,267.9z\"></path>\n <path id=\"back_x5F_left_x5F_arm_2_\" class=\"st3\" d=\"M111.4,188.1c3.9-2.5,6.7-13.2,10.4-37.9c1.2-8,1.7-11.5,1-16.5\n\t\t\tc-0.3-2.3-1.6-11.8-7-13.6c-3.6-1.2-7.3,0.8-8,1.2c-8,5.2-8.6,16.5-8.5,38.6c0.1,17.5,0.5,28.3,3.4,29.6\n\t\t\tC106.3,191.3,110.8,188.5,111.4,188.1z\"></path>\n <g id=\"chest_1_\">\n <g id=\"chest_4_\">\n <g>\n <path class=\"st11\" d=\"M99.9,140.4c0-1.8,0.2-12.4,8.6-20.2c7.2-6.6,17.7-8.7,27.4-5.6c3.9,7.3,7.6,9.3,10.4,9.7\n\t\t\t\t\t\tc3.3,0.4,5.5-1.4,8.2,0.1c3.4,1.9,3.1,6.6,5.1,6.8c1.4,0.1,1.9-2.2,4.1-4.7c4.1-4.4,8.4-2.9,13.1-6.4c1.9-1.4,4.3-4,5.8-8.9\n\t\t\t\t\t\tc3.1-0.2,7.4-0.1,12.3,1.5c0,0,0.5,0.1,0.9,0.3c14.4,5.4,18.3,23.5,18.3,23.5c-4.4,5.7-10.2,10-15.1,12.9\n\t\t\t\t\t\tc2.7,20.4-8,41.1-8,41.1c-8,1.5-18,2.7-29.6,2.5c-12.2-0.2-22.6-1.9-30.8-3.9c-2.9-11.9-5.8-23.8-8.7-35.7L99.9,140.4z\"></path>\n </g>\n </g>\n <g id=\"shadow_x5F_chest_2_\" class=\"st12\">\n <g>\n <path class=\"st13\" d=\"M141.3,169.8c9.2,4,19.3,6.2,29.2,7.7c8.2,1.2,16.8,2.5,25.1,1.7c-2.2,6.8-4.5,11.3-4.5,11.3\n\t\t\t\t\t\tc-10.4,1.9-23.9,3.3-39.5,2c-7.8-0.7-14.8-1.9-20.9-3.3c-2.7-11.2-5.4-22.4-8.1-33.7C126.8,162.2,134,166.6,141.3,169.8z\"></path>\n </g>\n </g>\n </g>\n <g id=\"right_x5F_arm_1_\">\n <path class=\"st2\" d=\"M111.6,147.8c1.3,8.4,2.2,8.5,3.4,18c0.8,6.5,0.2,10.7-1.2,15.1c-0.9,2.9-1.2,6-4.9,8\n\t\t\t\tc-0.6,0.3-3.4,2.3-7.5,0.7c-0.6-0.2-5.8-4.1-7.5-15.3c-0.9-6.1-0.6-21.9,2.7-35.2c4-16.7,3.4-14,4.9-19\n\t\t\t\tc1.5-4.9,1.9-13.4,7.3-14.6c1.8-0.4,3.7,1,4.6,2.4c1.2,1.9-0.2,4-0.7,7.3C110.3,128.8,110.3,139.2,111.6,147.8z\"></path>\n <path class=\"st3\" d=\"M114.5,93.9c0.7-2.5,2.1-4.4,2.7-6.9c0-0.2,0.1-0.8,0.6-1.2c1.2-0.9,3.9-1.2,6.7-2.7\n\t\t\t\tc0.3-0.2,2.2-1.4,2.7-1.1c0.4,0.3,0.8,0.9,0.7,1.4c-0.1,0.3,0,1.5-1.5,2.5c-2.5,1.6-5.4,2.3-5.7,2.6c-0.6,0.5-0.1,2.4-0.1,3.2\n\t\t\t\tc-0.1,6-3.3,7.1-3,9.7c0.1,0.5,0.3,1.4,0.9,1.6c0.9,0.4,1.6,0.1,4.3-1c0.5-0.2,6.1-2.5,7.3-0.9c0.4,0.6-0.1,1.6-0.7,2\n\t\t\t\tc-0.5,0.3-2.3,1.3-4.1,2c-2.6,1.1-3.1,1.3-4.1,2c-1,0.8-0.8,0.4-1.9,1.7c-1.6,1.9-3.7,2.8-4.8,3.2c-1.9,0.7-4.5,0.6-5.8-0.5\n\t\t\t\tc-1.2-1.1-0.5-2.4,0.4-5.6C111.2,99.3,113.1,99.3,114.5,93.9z\"></path>\n <path class=\"st2\" d=\"M126.2,96.5c0.3,0,0.8-0.1,1.4,0c0.6,0.1,1,0.4,1.9,0.8c2.1,1.2,1.9,0.9,2.3,1.2c1,0.8,0.8,1.2,1.9,2.1\n\t\t\t\tc0.5,0.4,1.9,1.1,3.3,0.2c0.5-0.3,0.2-1.1,0.2-1.2c-0.1-0.4-0.3-0.6-1.2-1.7c-0.7-0.8-0.9-1.1-0.8-1.2c0.1-0.1,1.2,0.2,1.2-0.8\n\t\t\t\tc0-0.5-0.3-0.9-0.8-1.4c-1.7-1.9-1.9-2.5-3.1-3.3c-0.2-0.1-0.7-0.5-1.9-0.8c-3.1-0.8-4.8-2.1-6.2-1.7c-1.4,0.4-10.4,3.2-11,3.5\n\t\t\t\tc-1.1,0.6-1.5,1.7-1.7,2.1c-1.4,3.5-2.6,4.4-5.8,11.6c-1.3,2.8-1.8,3.9-1.3,5c0.7,1.3,2.4,1.6,3.3,1.8c0.4,0.1,2.9,0.6,5-0.8\n\t\t\t\tc1-0.7,1.5-1.6,2.5-3.3c1.7-3.1,1.7-4.7,3.1-5.4c0.1-0.1,1-0.5,2.3-0.8c0.4-0.1,0.7-0.2,0.8-0.2c1.7-0.2,4.1,0.5,4.4,0.6\n\t\t\t\tc0.4,0.1,1.5,1.3,4.8,3.1c0.4,0.2,2.3,1.2,3.1,0.4c0.4-0.4,0.2-1,0.2-1c-0.2-0.7-1-1.1-1.7-1.4c-2-1.1-1.6-2-3.9-3.5\n\t\t\t\tc-0.7-0.5-1.4-0.9-2.3-1.2c-3.1-1.2-5.2-0.2-5.4-1C120.6,97.4,122.9,97,126.2,96.5z\"></path>\n </g>\n </g>\n <g id=\"white-shirt\">\n <path id=\"shirt\" class=\"st7\" d=\"M191,190.5c-5.2,1-11.1,1.8-17.6,2.2c-0.7-9.1-1.3-18.1-2-27.2v-18.8l1.1-19.1l-4-8\n\t\t\tc-1.2,0.6-2.6,1.4-4.1,2.7c-0.7,0.6-1.3,1.2-1.8,1.8c-0.4,0.4-1,0.9-1.5,1.6c-0.8,1.1-1.3,2.2-1.5,3c-0.3-0.8-0.9-2-2-3.1\n\t\t\tc-0.6-0.6-1.2-1.1-1.7-1.4c-1.5-1.8-2.9-3.5-4.4-5.3l-3.3,7.5l4.9,22.1l0.8,18.6c-1.3,8.4-2.5,16.8-3.8,25.2c0.1,0,0.2,0,0.2,0\n\t\t\tl0,0c-7.2-0.7-13.8-1.9-19.6-3.2c-1.7,5.5-3.3,11-5,16.5c8.3,2.1,19.3,4.1,32.1,4.3c15.4,0.2,28.2-2.2,37.5-4.7\n\t\t\tC193.8,200.3,192.4,195.4,191,190.5z\"></path>\n <path id=\"left_x5F_shadow\" class=\"st14\" d=\"M135.7,107.1l4.3,6.8l3.7-0.4l-0.2-0.6c0,0,0.7-1.3,1.4-2.9c0.6-1.1,0.7-4.2,0.8-5.9\n\t\t\tL135.7,107.1z\"></path>\n <path id=\"shadow_x5F_right\" class=\"st14\" d=\"M179,104.9l-12.9-2.1c0,0,1.2,5.4,3.9,7.3c2,1.4,2.9,1.4,2.9,1.4L179,104.9z\"></path>\n <path id=\"right_x5F_collar\" class=\"st7\" d=\"M184.8,109.7c-1.9-1.6-3.9-3.2-5.8-4.8c-4.4,4.8-8.8,9.5-13.1,14.2l-1.9,9.5l4.5-4.5\n\t\t\tl4.2,7.9C176.7,124.6,180.8,117.1,184.8,109.7z\"></path>\n <path id=\"left_x5F_collar\" class=\"st7\" d=\"M135.6,107l-6.1,4.2l17.8,20.8c1.2-3,2.5-6,3.8-8.9c2.2,2,4.5,3.9,6.7,5.9\n\t\t\tc-2.1-3.4-4.2-6.8-6.3-10.1C146.2,114.9,140.9,111,135.6,107z\"></path>\n <path id=\"front_x5F_left_x5F_collar\" class=\"st14\" d=\"M147.4,132c1.4-4.4,2.8-8.8,4.1-13.1c2,2.2,4.1,4.5,6.1,6.7\n\t\t\tc-1.6-0.8-3.2-1.6-4.8-2.4c-0.6,0.8-1.2,1.7-1.9,2.6C149.5,128,148.3,130.1,147.4,132z\"></path>\n <path id=\"front_x5F_right_x5F_collar\" class=\"st14\" d=\"M172.7,132c-2.3-4.3-4.6-8.5-6.9-12.8c-1.6,2.1-3.1,4.3-4.7,6.4\n\t\t\tc1.5-0.6,2.9-1.3,4.4-2c1,0.7,2.1,1.6,3.1,2.8C170.5,128.5,171.8,130.4,172.7,132z\"></path>\n </g>\n <g id=\"headphone_2_\">\n <path class=\"st7\" d=\"M158.6,21.9c5.4-0.1,8.1,1.2,9.2,1.9l0,0l-0.1-0.1c-0.5-0.5-3.6-3.1-10.5-3.1c-16.4-0.2-28.7,13-30.1,30.8\n\t\t\tc-0.9,0.1-1.8,0.5-2.3,1.2c-2.5,3.3-2.9,8.6-2.9,13.2c0,4.2,1.8,12.4,3.4,13.6c1.9,1.4,4.7,0.8,5.1,0.6c0.5-0.2,0.9-0.5,1.3-0.9\n\t\t\tc3.3,7.9,9.8,13.1,17.1,13.1c1.2,0,2.3-0.1,3.3-0.4c0.7,0.6,1.8,1.1,3.2,1.1c2.1,0,3.8-1,3.8-2.3s-1.7-2.3-3.8-2.3s-3.8,1-3.8,2.3\n\t\t\tv0.1c-0.6,0.1-1.2,0.1-1.8,0.1c-7.1,0-13.3-6.8-15.8-15.8c0.8-2.4,1.2-5.5,1.2-9.2c0-7.3-1.7-12.9-4.2-14\n\t\t\tC132.5,35.9,144.9,22.1,158.6,21.9z\"></path>\n <ellipse class=\"st15\" cx=\"127.2\" cy=\"65.8\" rx=\"4.1\" ry=\"12.4\"></ellipse>\n </g>\n </g>\n </svg>\n</div>",
"css": "/* From Uiverse.io by escannord - Tags: tooltip, message, support */\n/* This is an example, feel free to delete this code */\n.tooltip-container {\n --background: #4132c9;\n --support-size: 50px;\n --tooltip-radius: 10px 10px 10px 0;\n --outline-border-color: #0096aa;\n position: relative;\n background: transparent;\n cursor: pointer;\n transition: all 0.2s;\n font-size: 17px;\n font-weight: bold;\n padding: 0.7em 1.8em;\n color: var(--background);\n border: solid 2px var(--background);\n}\n\n.tooltip-container::before {\n content: \"\";\n display: inline-block;\n border-radius: 50%;\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n z-index: -1;\n transition: all 0.5s linear;\n outline: 3px solid transparent;\n background: var(--background);\n}\n.tooltip-container:hover {\n color: white;\n}\n.tooltip-container:hover:before {\n width: 100%;\n height: 100%;\n border-radius: 0;\n outline-offset: 5px;\n outline-color: var(--outline-border-color);\n}\n.tooltip {\n position: absolute;\n display: inline-block;\n top: 0;\n left: 50%;\n transform: translateX(-5%);\n padding: 0.3em 0.6em;\n opacity: 0;\n pointer-events: none;\n transition: all 0.3s;\n background: var(--background);\n border-radius: var(--tooltip-radius);\n color: white;\n box-shadow: 3px 3px 0px var(--outline-border-color);\n}\n\n.tooltip::after {\n content: \"Hello!👋\";\n display: inline-block;\n position: absolute;\n width: 100%;\n height: 100%;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n background-color: var(--background);\n text-align: center;\n border-radius: var(--tooltip-radius);\n}\n.tooltip::before {\n position: absolute;\n content: \"\";\n bottom: 0;\n border-style: solid;\n border-width: 10px;\n left: 0;\n transform: translateX(-50%);\n border-color: transparent var(--background) var(--background) transparent;\n box-shadow: 0px 3px 0px var(--outline-border-color);\n}\n\n.tooltip-container:hover .tooltip::after {\n animation: hidden 0.5s 1.5s linear forwards;\n}\n\n.tooltip-container:hover .tooltip {\n top: calc(-100% - var(--support-size) * 0.5);\n opacity: 1;\n visibility: visible;\n pointer-events: auto;\n animation: shake 0.5s 1s linear;\n transition: all 0.3s 0.5s;\n}\n\n@keyframes hidden {\n 50% {\n transform: translate(-50%, -50%) scale(0.5);\n background-color: #1ca0f5;\n }\n 100% {\n transform: translate(0, -50%) scale(0.5);\n opacity: 0;\n }\n}\n\n@keyframes shake {\n 0%,\n 40%,\n 80% {\n transform: translateX(-10%);\n }\n 20%,\n 60%,\n 100% {\n transform: translateX(0);\n }\n}\n\n.st2 {\n fill: #f9c8a7;\n}\n.st3 {\n fill: #ff9e97;\n}\n.st6 {\n fill: #d72e48;\n}\n.st7 {\n fill: #ffffff;\n}\n.st8 {\n fill: #ff8d7f;\n}\n.st10 {\n fill: #3d3d3b;\n}\n.st11 {\n fill: #1ca0f5;\n}\n.st12 {\n opacity: 0.2;\n}\n.st14 {\n fill: #b7b7b7;\n}\n.st15 {\n fill: #ead9cf;\n}\n#Calque_1 {\n display: inline-block;\n height: var(--support-size);\n position: absolute;\n opacity: 0;\n transition: all 0.5s;\n z-index: -1;\n left: 0;\n top: 0;\n}\n#left_x5F_arm_2_ {\n transform: translateX(2px);\n}\n\n.tooltip-container:hover #Calque_1 {\n top: calc(var(--support-size) * -1);\n opacity: 1;\n}",
"file_path": "/mnt/persist/workspace/Tooltips/escannord_spotty-jellyfish-36.html"
},
"uniapp": {
"template": "<view class=\"tooltip-container\"></view>\n <text class=\"tooltip\">Uiverse.io</text>\n <text class=\"text\">Tooltip</text>\n <view id=\"Calque_1\" viewBox=\"0 0 377 270\" xmlns=\"http://www.w3.org/2000/svg\"></view>\n <g id=\"phone\">\n <g id=\"caractere_x5F_1\">\n <g>\n <path id=\"right_x5F_hair\" class=\"st1\" d=\"M199,87.1c-0.9-2.6-1.2-5.3-1.2-8.2c0.2,0.4,0.3,0.8,0.5,1.1c1.4,3.1,2.9,5.8,4.4,8\n\t\t\t\tc-1.2-2.8-2.6-6.9-3.2-12.1c-0.4-4.6,0-8.5,0.5-11.3c2.2-10.3,4.6-21.2-1.6-31.5c-10.9-18.3-33.6-8.4-33.6-8.4L151,110.2\n\t\t\t\tc0,0,17.8,28.2,42,18.3C217.2,118.7,204.4,102.4,199,87.1z\"></path>\n <g id=\"neck_2_\">\n <path id=\"neck_x5F_and_x5F_shoulder\" class=\"st2\" d=\"M175.4,146.4c-12.7,2.3-56.5-13-69.2-11c-1.1-8.3,6.2-16.7,9.8-19.2\n\t\t\t\t\tc10-6.9,28,4.2,27.3-17.8c-0.8-22.9-1.6-28.3-1.6-28.3l26.2,17.5c0,0-5.6,8.1,0,19.7c5.2,10.6,23-2,29.8,11\n\t\t\t\t\tC180.1,123.5,193.3,143.2,175.4,146.4z\"></path>\n <path id=\"shadow_x5F_head\" class=\"st3\" d=\"M166.8,104.9c-10.9,1.5-20.9-4.5-23.9-14.5c-0.7-16.2-1.2-20.4-1.2-20.4l26.2,17.5\n\t\t\t\t\tC167.8,87.6,163,94.6,166.8,104.9z\"></path>\n </g>\n <g id=\"face\">\n <path id=\"face_4_\" class=\"st2\" d=\"M188.2,78c-0.5,4.5-2.8,7.9-4,9.8c-1.1,1.7-1,1.1-5.4,6.3c-3.8,4.5-4,5-5.2,5.5\n\t\t\t\t\tc-1.5,0.6-3.7,0.6-10.4-3.1c-4.9-2.7-8-4.4-11.8-8c-4.2-3.9-11.5-10.6-13.8-21.6c-0.9-4.2-3.3-16.1,23.3-31.2\n\t\t\t\t\tc0,0,10.4-4.1,18.5,1.2c7.5,5,8.5,14.4,8.7,16.2c0.6,6.2-1.8,8.2-1.1,15.2c0.1,0.5,0.1,1,0.2,1.6l0,0\n\t\t\t\t\tC187.8,73.4,188.6,74.8,188.2,78z\"></path>\n <g>\n <g id=\"nose\">\n <path class=\"st4\" d=\"M176.7,63.3c0.9,1.9,1.6,3.8,2.4,5.5c0.4,0.9,0.9,1.8,1.3,2.5c0.5,0.8,1.1,1.5,1.8,1.8l1.3,0.6l-1.2,0.6\n\t\t\t\t\t\t\tc-1.1,0.5-2.1,1-3.2,1.4c-1.1,0.4-2.2,0.8-3.4,0.9c0.5-0.2,1.1-0.5,1.6-0.8s1-0.6,1.5-0.9c1-0.6,2-1.2,2.9-1.8l0.1,1.2\n\t\t\t\t\t\t\tc-1.2-0.4-2-1.3-2.6-2.2c-0.6-0.9-1.1-1.9-1.4-2.9c-0.4-1-0.6-2-0.8-3C176.7,65.4,176.6,64.4,176.7,63.3z\"></path>\n </g>\n <g id=\"left_x5F_eyebrow\">\n <path class=\"st5\" d=\"M153.1,55.8c0.3-0.7,0.8-1.4,1.3-2s1.1-1.1,1.8-1.6c1.3-0.9,3-1.5,4.7-1.6c1.8-0.1,3.6,0.5,4.9,1.5\n\t\t\t\t\t\t\tc1.4,1,2.4,2.4,2.6,4.1c-1.5-0.7-2.8-1.2-4-1.4c-1.2-0.3-2.3-0.4-3.4-0.4c-1.1,0.1-2.3,0.2-3.6,0.5c-0.6,0.1-1.3,0.3-2,0.5\n\t\t\t\t\t\t\tC154.6,55.5,153.9,55.7,153.1,55.8z\"></path>\n </g>\n <g id=\"right_x5F_eyebrow\">\n <path class=\"st5\" d=\"M188.6,55.7c-1.2-0.8-2.2-1.3-3.1-1.5c-0.9-0.2-1.6-0.1-2.6,0h-0.3l-0.4,0.1l-0.7,0.2\n\t\t\t\t\t\t\tc-0.5,0.2-1,0.3-1.6,0.4c-0.6,0.2-1.1,0.3-1.8,0.5c-0.6,0.1-1.3,0.3-2,0.3c0.2-0.7,0.6-1.3,1-1.9c0.4-0.6,0.9-1,1.4-1.5\n\t\t\t\t\t\t\ts1.1-0.8,1.7-1.2c0.3-0.2,0.7-0.3,1-0.4l0.5-0.2l0.6-0.1c1.5-0.3,3.4,0,4.6,1.1C188.2,52.7,188.8,54.3,188.6,55.7z\"></path>\n </g>\n </g>\n <path id=\"mouth\" class=\"st5\" d=\"M159.1,79.6c0,0,0.3,3.2,2.5,5.8c0.3,0.4,0.7,0.8,1.1,1.1c1.9,1.6,4.7,2.7,9.1,2.1\n\t\t\t\t\tc0.5-0.1,0.9-0.2,1.3-0.4c0.4-0.2,0.9-0.4,1.2-0.6c3.4-2.1,3.9-6.4,3.9-6.4s-0.7,0.2-1.8,0.4c-2.8,0.6-8.5,1.1-14.8-1.1\n\t\t\t\t\tC160.7,80.3,159.9,80,159.1,79.6z\"></path>\n <path id=\"tongue\" class=\"st6\" d=\"M162.7,86.5c1.9,1.6,4.7,2.7,9.1,2.1c0.5-0.1,0.9-0.2,1.3-0.4c-0.3-1.5-2.9-2.7-6-2.7\n\t\t\t\t\tC165.3,85.5,163.8,85.9,162.7,86.5z\"></path>\n <path id=\"thoot\" class=\"st7\" d=\"M161.6,80.6c0,0.7,0.4,1.6,1.7,1.9c2.5,0.5,8.6,1.4,12.4,0.4c0,0,0.5-0.4,0.7-1.2\n\t\t\t\t\tC173.6,82.3,167.8,82.9,161.6,80.6z\"></path>\n <path id=\"eye_x5F_right\" class=\"st5\" d=\"M186,63.8c-1.2-0.5-2.1-0.9-3.2-0.9c-1-0.1-2.1,0.1-3.3,0.4c0.3-0.6,0.9-1,1.4-1.3\n\t\t\t\t\tc0.6-0.3,1.3-0.4,2-0.3C184.2,61.7,185.5,62.5,186,63.8z\"></path>\n <path id=\"eye_x5F_left\" class=\"st5\" d=\"M158.4,62.6c1-1.4,2.9-2.3,4.7-2.1c0.9,0.1,1.8,0.3,2.6,0.8s1.4,1.1,1.9,1.9\n\t\t\t\t\tc-0.8-0.4-1.5-0.8-2.3-1c-0.8-0.3-1.5-0.4-2.3-0.5s-1.5,0-2.3,0.2C160,62,159.2,62.3,158.4,62.6z\"></path>\n </g>\n <path id=\"hair_x5F_left\" class=\"st5\" d=\"M171.3,32.2c0.1-1.7-0.1-3.7-1.1-5.7c-4.5-8.2-21.3-6.8-29.6-5.2\n\t\t\t\tC107,27.8,120.4,92,120.4,92c-21.2,9.9-11.9,28.2-11.9,28.2c1.5-1.5,4-3.4,7.4-3.9c4.6-0.7,7.1,1.7,12.1,1.9\n\t\t\t\tc3.9,0.2,8.2-1.4,11.1-2.9c14.7-7.8-1-32.5,5.5-46.7c-0.1,1.2-0.1,2.4-0.2,3.7c-0.1,3.5,0.6,6.4,1.1,8.3\n\t\t\t\tc-0.2-2.1-0.6-9.3,4.2-15.8c1.9-2.5,3.9-4.1,5.7-5.2c0.3-0.2,0.6-0.3,0.9-0.5c0.1-0.1,0.2-0.1,0.3-0.2l0,0\n\t\t\t\tC173.4,48.2,171.3,32.2,171.3,32.2z\"></path>\n\n <ellipse id=\"left_x5F_cheek_2_\" transform=\"matrix(8.249854e-02 -0.9966 0.9966 8.249854e-02 79.3047 221.9763)\" class=\"st8\" cx=\"160.2\" cy=\"67.9\" rx=\"1.3\" ry=\"3.7\"></ellipse>\n <path id=\"right_x5F_cheeck\" class=\"st8\" d=\"M187.3,69.9L187.3,69.9c-0.6,0.1-1.3,0.2-2.1,0.1c-1.6-0.1-2.9-0.7-2.9-1.3\n\t\t\t\tc0.1-0.6,1.4-0.9,3.1-0.8c0.6,0.1,1.2,0.2,1.7,0.3C187.1,68.8,187.2,69.3,187.3,69.9z\"></path>\n </g>\n <g id=\"left_x5F_arm_2_\">\n <path class=\"st3\" d=\"M253.8,129.2c1.8-0.9,3.4-0.4,3.9,0.4c0.4,0.6-0.8,0.8-2.2,2.4c-1.4,1.7-3.4,5.2-3.4,5.2l-2.1-3.8\n\t\t\t\tC249.9,133.4,251.6,130.3,253.8,129.2z\"></path>\n <path class=\"st2\" d=\"M252.4,140.8c-0.4,5.4-0.7,9.3-1.9,13.4c-0.2,0.7-0.8,2.7-1.6,5.1c-0.1,0.3-0.2,0.7-0.3,1\n\t\t\t\tc-0.4,1.1-0.7,2.1-0.9,2.7c0,0.1-0.1,0.2-0.1,0.3c-3.6-2.6-6.1-3-7.7-2.7c-0.4,0.1-1.6,0.3-2.8-0.2c-1-0.4-1.6-1.2-2-1.8\n\t\t\t\tc1.2-1.4,2.1-2.7,2.6-3.6c0.5-1,1.1-2.1,1.3-2.6c0.3-0.7,0.6-1.3,0.8-1.7c-0.1-1-0.3-2-0.4-2.9c-0.4-2.8-0.6-5.5-0.9-8.2\n\t\t\t\tc0,0-1.6-2.2-1.8-2.5c-0.2-0.2-0.7-0.4-0.9-0.9c-0.4-1.8,0.7-3.2,0.7-3.2s-0.4-0.9,0-2.1s1.3-2.2,1.3-2.2s-0.5-2.7,0-3.3\n\t\t\t\tc0.5-0.6,5.4-3.1,6.4-2.8c1,0.3,4.1,5.2,4.1,5.2s-0.3-2.2-0.8-3.4c-0.5-1.2-0.5-2.7-3.8-4.5c-3.8-2.1-3.8-3.7-3.3-4.3\n\t\t\t\tc0.5-0.5,2.9,0.8,4.5,1.6c1.6,0.8,3.1,2.3,5.1,4c2,1.6,1.5,3.1,1.9,4.9c0.5,1.8,0.2,3.6,0.6,4.7\n\t\t\t\tC252.8,131.3,252.9,134.4,252.4,140.8z\"></path>\n <path class=\"st3\" d=\"M237.8,136c0.5,0.1,1.3,2.5,2.2,2.3c0.2-0.1,1.3-0.5,1.3-0.8c0,0-0.9-1.2-1.6-1.7c-0.7-0.5-1.4-1.2-2.1-1.4\n\t\t\t\tc-0.9-0.1-2,0.7-1.7,1.6c0.1,0.4,0,0.7,0.6,1.8c0.4,0.8,1.4,2.2,1.9,2.6c0.4,0.3,0.6-0.7,0.7-1.5\n\t\t\t\tC239.1,138.6,238.1,136.5,237.8,136z\"></path>\n <path class=\"st3\" d=\"M243.3,135c0.4,0-1.6-2.7-1.9-3c-0.6-0.7-1.3-1.7-2.1-2.2c-0.9-0.5-2-0.2-2.5,0.7c-0.3,0.7-0.5,1.6-0.2,2.4\n\t\t\t\tc0.6-1.1,1.2-1.6,2.4-1C240.4,132.5,243.3,135,243.3,135z\"></path>\n <path class=\"st3\" d=\"M244.9,127.7c-0.4-1.1-0.8-1.4-1.3-2.4c-0.2-0.4-0.4-0.9-0.9-0.9c-0.4,0-1.3,0.4-1.7,0.6\n\t\t\t\tc-1.3,0.6-2.9,0.9-3.1,1.1c-0.2,0.2-0.4,1.4,0,2.1c0.3-0.6,1-1.1,1.5-1.2c0.6-0.1,1.2,0.2,1.7,0.4c1,0.5,2,1.4,2.8,2.1\n\t\t\t\tc0.9,0.8,2.4,2.6,2.4,2.6C246.5,130.9,245.2,128.4,244.9,127.7z\"></path>\n <g>\n <path class=\"st9\" d=\"M240.6,137.4h0.1l0,0H240.6z\"></path>\n <path class=\"st3\" d=\"M240.9,151.1c-0.2-0.6-1.9-7.6-0.1-12.6c0.1-0.4,0.5-1.1,0.5-1.1c-3.4,0.5-3,4.1-3,5.6\n\t\t\t\t\tc0.1,2.2,0.6,5.5,1.5,7.6c0.3,0.7,1.2,2.2,2,2.1C241.4,152.4,241.1,151.6,240.9,151.1z\"></path>\n </g>\n <path id=\"right_x5F_arm_4_\" class=\"st2\" d=\"M248.9,159.3c-0.1,0.7-0.3,1.5-0.6,2.2c0,0-0.2,0.6-0.6,1.5c-0.1,0.1-0.1,0.3-0.1,0.3\n\t\t\t\tc-0.1,0.4-14,34.6-27.3,35.5c-10.5,0.7-24.5-19-29.5-49.2c-1.3-7.7-2.6-15.3-3.9-23c0,0,17.1,2.4,22.2,15.5\n\t\t\t\tc7.1,18.2,12.2,34.6,12.2,34.6c7.4-7.6,10.5-11.9,11.9-14.5c0.6-1.2,1.3-2.4,2-3.6c1.2-1.4,2.1-2.7,2.6-3.6\n\t\t\t\tc0.5-1,1.1-2.1,1.3-2.6c1.6-1.3,4.5-2.2,6.7-1.2C248.1,152.3,249.6,155.6,248.9,159.3z\"></path>\n <path id=\"shadow_x5F_right_x5F_arm_2_\" class=\"st3\" d=\"M221.3,176.7l-3.3,2.8c0,0-1.1-16.2-2.6-20.4L221.3,176.7z\"></path>\n </g>\n <path id=\"skirt_2_\" class=\"st10\" d=\"M211.4,267.9H96.7c0.7-2.3,1.5-4.5,2.3-6.4c6.2-15.6,14.1-23.9,23.3-47.3\n\t\t\tc2.6-6.4,4.5-12.3,6.1-17.2c1.2-3.8,2.1-7.1,2.8-9.8c19.9,1.1,39.9,2.2,59.8,3.3c0.6,2.1,1.2,4.3,1.9,6.5\n\t\t\tc3.3,11.6,6.5,23.4,9.6,35.5C205.6,244.4,208.6,256.3,211.4,267.9z\"></path>\n <path id=\"back_x5F_left_x5F_arm_2_\" class=\"st3\" d=\"M111.4,188.1c3.9-2.5,6.7-13.2,10.4-37.9c1.2-8,1.7-11.5,1-16.5\n\t\t\tc-0.3-2.3-1.6-11.8-7-13.6c-3.6-1.2-7.3,0.8-8,1.2c-8,5.2-8.6,16.5-8.5,38.6c0.1,17.5,0.5,28.3,3.4,29.6\n\t\t\tC106.3,191.3,110.8,188.5,111.4,188.1z\"></path>\n <g id=\"chest_1_\">\n <g id=\"chest_4_\">\n <g>\n <path class=\"st11\" d=\"M99.9,140.4c0-1.8,0.2-12.4,8.6-20.2c7.2-6.6,17.7-8.7,27.4-5.6c3.9,7.3,7.6,9.3,10.4,9.7\n\t\t\t\t\t\tc3.3,0.4,5.5-1.4,8.2,0.1c3.4,1.9,3.1,6.6,5.1,6.8c1.4,0.1,1.9-2.2,4.1-4.7c4.1-4.4,8.4-2.9,13.1-6.4c1.9-1.4,4.3-4,5.8-8.9\n\t\t\t\t\t\tc3.1-0.2,7.4-0.1,12.3,1.5c0,0,0.5,0.1,0.9,0.3c14.4,5.4,18.3,23.5,18.3,23.5c-4.4,5.7-10.2,10-15.1,12.9\n\t\t\t\t\t\tc2.7,20.4-8,41.1-8,41.1c-8,1.5-18,2.7-29.6,2.5c-12.2-0.2-22.6-1.9-30.8-3.9c-2.9-11.9-5.8-23.8-8.7-35.7L99.9,140.4z\"></path>\n </g>\n </g>\n <g id=\"shadow_x5F_chest_2_\" class=\"st12\">\n <g>\n <path class=\"st13\" d=\"M141.3,169.8c9.2,4,19.3,6.2,29.2,7.7c8.2,1.2,16.8,2.5,25.1,1.7c-2.2,6.8-4.5,11.3-4.5,11.3\n\t\t\t\t\t\tc-10.4,1.9-23.9,3.3-39.5,2c-7.8-0.7-14.8-1.9-20.9-3.3c-2.7-11.2-5.4-22.4-8.1-33.7C126.8,162.2,134,166.6,141.3,169.8z\"></path>\n </g>\n </g>\n </g>\n <g id=\"right_x5F_arm_1_\">\n <path class=\"st2\" d=\"M111.6,147.8c1.3,8.4,2.2,8.5,3.4,18c0.8,6.5,0.2,10.7-1.2,15.1c-0.9,2.9-1.2,6-4.9,8\n\t\t\t\tc-0.6,0.3-3.4,2.3-7.5,0.7c-0.6-0.2-5.8-4.1-7.5-15.3c-0.9-6.1-0.6-21.9,2.7-35.2c4-16.7,3.4-14,4.9-19\n\t\t\t\tc1.5-4.9,1.9-13.4,7.3-14.6c1.8-0.4,3.7,1,4.6,2.4c1.2,1.9-0.2,4-0.7,7.3C110.3,128.8,110.3,139.2,111.6,147.8z\"></path>\n <path class=\"st3\" d=\"M114.5,93.9c0.7-2.5,2.1-4.4,2.7-6.9c0-0.2,0.1-0.8,0.6-1.2c1.2-0.9,3.9-1.2,6.7-2.7\n\t\t\t\tc0.3-0.2,2.2-1.4,2.7-1.1c0.4,0.3,0.8,0.9,0.7,1.4c-0.1,0.3,0,1.5-1.5,2.5c-2.5,1.6-5.4,2.3-5.7,2.6c-0.6,0.5-0.1,2.4-0.1,3.2\n\t\t\t\tc-0.1,6-3.3,7.1-3,9.7c0.1,0.5,0.3,1.4,0.9,1.6c0.9,0.4,1.6,0.1,4.3-1c0.5-0.2,6.1-2.5,7.3-0.9c0.4,0.6-0.1,1.6-0.7,2\n\t\t\t\tc-0.5,0.3-2.3,1.3-4.1,2c-2.6,1.1-3.1,1.3-4.1,2c-1,0.8-0.8,0.4-1.9,1.7c-1.6,1.9-3.7,2.8-4.8,3.2c-1.9,0.7-4.5,0.6-5.8-0.5\n\t\t\t\tc-1.2-1.1-0.5-2.4,0.4-5.6C111.2,99.3,113.1,99.3,114.5,93.9z\"></path>\n <path class=\"st2\" d=\"M126.2,96.5c0.3,0,0.8-0.1,1.4,0c0.6,0.1,1,0.4,1.9,0.8c2.1,1.2,1.9,0.9,2.3,1.2c1,0.8,0.8,1.2,1.9,2.1\n\t\t\t\tc0.5,0.4,1.9,1.1,3.3,0.2c0.5-0.3,0.2-1.1,0.2-1.2c-0.1-0.4-0.3-0.6-1.2-1.7c-0.7-0.8-0.9-1.1-0.8-1.2c0.1-0.1,1.2,0.2,1.2-0.8\n\t\t\t\tc0-0.5-0.3-0.9-0.8-1.4c-1.7-1.9-1.9-2.5-3.1-3.3c-0.2-0.1-0.7-0.5-1.9-0.8c-3.1-0.8-4.8-2.1-6.2-1.7c-1.4,0.4-10.4,3.2-11,3.5\n\t\t\t\tc-1.1,0.6-1.5,1.7-1.7,2.1c-1.4,3.5-2.6,4.4-5.8,11.6c-1.3,2.8-1.8,3.9-1.3,5c0.7,1.3,2.4,1.6,3.3,1.8c0.4,0.1,2.9,0.6,5-0.8\n\t\t\t\tc1-0.7,1.5-1.6,2.5-3.3c1.7-3.1,1.7-4.7,3.1-5.4c0.1-0.1,1-0.5,2.3-0.8c0.4-0.1,0.7-0.2,0.8-0.2c1.7-0.2,4.1,0.5,4.4,0.6\n\t\t\t\tc0.4,0.1,1.5,1.3,4.8,3.1c0.4,0.2,2.3,1.2,3.1,0.4c0.4-0.4,0.2-1,0.2-1c-0.2-0.7-1-1.1-1.7-1.4c-2-1.1-1.6-2-3.9-3.5\n\t\t\t\tc-0.7-0.5-1.4-0.9-2.3-1.2c-3.1-1.2-5.2-0.2-5.4-1C120.6,97.4,122.9,97,126.2,96.5z\"></path>\n </g>\n </g>\n <g id=\"white-shirt\">\n <path id=\"shirt\" class=\"st7\" d=\"M191,190.5c-5.2,1-11.1,1.8-17.6,2.2c-0.7-9.1-1.3-18.1-2-27.2v-18.8l1.1-19.1l-4-8\n\t\t\tc-1.2,0.6-2.6,1.4-4.1,2.7c-0.7,0.6-1.3,1.2-1.8,1.8c-0.4,0.4-1,0.9-1.5,1.6c-0.8,1.1-1.3,2.2-1.5,3c-0.3-0.8-0.9-2-2-3.1\n\t\t\tc-0.6-0.6-1.2-1.1-1.7-1.4c-1.5-1.8-2.9-3.5-4.4-5.3l-3.3,7.5l4.9,22.1l0.8,18.6c-1.3,8.4-2.5,16.8-3.8,25.2c0.1,0,0.2,0,0.2,0\n\t\t\tl0,0c-7.2-0.7-13.8-1.9-19.6-3.2c-1.7,5.5-3.3,11-5,16.5c8.3,2.1,19.3,4.1,32.1,4.3c15.4,0.2,28.2-2.2,37.5-4.7\n\t\t\tC193.8,200.3,192.4,195.4,191,190.5z\"></path>\n <path id=\"left_x5F_shadow\" class=\"st14\" d=\"M135.7,107.1l4.3,6.8l3.7-0.4l-0.2-0.6c0,0,0.7-1.3,1.4-2.9c0.6-1.1,0.7-4.2,0.8-5.9\n\t\t\tL135.7,107.1z\"></path>\n <path id=\"shadow_x5F_right\" class=\"st14\" d=\"M179,104.9l-12.9-2.1c0,0,1.2,5.4,3.9,7.3c2,1.4,2.9,1.4,2.9,1.4L179,104.9z\"></path>\n <path id=\"right_x5F_collar\" class=\"st7\" d=\"M184.8,109.7c-1.9-1.6-3.9-3.2-5.8-4.8c-4.4,4.8-8.8,9.5-13.1,14.2l-1.9,9.5l4.5-4.5\n\t\t\tl4.2,7.9C176.7,124.6,180.8,117.1,184.8,109.7z\"></path>\n <path id=\"left_x5F_collar\" class=\"st7\" d=\"M135.6,107l-6.1,4.2l17.8,20.8c1.2-3,2.5-6,3.8-8.9c2.2,2,4.5,3.9,6.7,5.9\n\t\t\tc-2.1-3.4-4.2-6.8-6.3-10.1C146.2,114.9,140.9,111,135.6,107z\"></path>\n <path id=\"front_x5F_left_x5F_collar\" class=\"st14\" d=\"M147.4,132c1.4-4.4,2.8-8.8,4.1-13.1c2,2.2,4.1,4.5,6.1,6.7\n\t\t\tc-1.6-0.8-3.2-1.6-4.8-2.4c-0.6,0.8-1.2,1.7-1.9,2.6C149.5,128,148.3,130.1,147.4,132z\"></path>\n <path id=\"front_x5F_right_x5F_collar\" class=\"st14\" d=\"M172.7,132c-2.3-4.3-4.6-8.5-6.9-12.8c-1.6,2.1-3.1,4.3-4.7,6.4\n\t\t\tc1.5-0.6,2.9-1.3,4.4-2c1,0.7,2.1,1.6,3.1,2.8C170.5,128.5,171.8,130.4,172.7,132z\"></path>\n </g>\n <g id=\"headphone_2_\">\n <path class=\"st7\" d=\"M158.6,21.9c5.4-0.1,8.1,1.2,9.2,1.9l0,0l-0.1-0.1c-0.5-0.5-3.6-3.1-10.5-3.1c-16.4-0.2-28.7,13-30.1,30.8\n\t\t\tc-0.9,0.1-1.8,0.5-2.3,1.2c-2.5,3.3-2.9,8.6-2.9,13.2c0,4.2,1.8,12.4,3.4,13.6c1.9,1.4,4.7,0.8,5.1,0.6c0.5-0.2,0.9-0.5,1.3-0.9\n\t\t\tc3.3,7.9,9.8,13.1,17.1,13.1c1.2,0,2.3-0.1,3.3-0.4c0.7,0.6,1.8,1.1,3.2,1.1c2.1,0,3.8-1,3.8-2.3s-1.7-2.3-3.8-2.3s-3.8,1-3.8,2.3\n\t\t\tv0.1c-0.6,0.1-1.2,0.1-1.8,0.1c-7.1,0-13.3-6.8-15.8-15.8c0.8-2.4,1.2-5.5,1.2-9.2c0-7.3-1.7-12.9-4.2-14\n\t\t\tC132.5,35.9,144.9,22.1,158.6,21.9z\"></path>\n <ellipse class=\"st15\" cx=\"127.2\" cy=\"65.8\" rx=\"4.1\" ry=\"12.4\"></ellipse>\n </g>\n </g>\n </svg>\n</div>",
"script": "export default {\n name: 'GalaxySpottyJellyfish36',\n props: {\n // 根据组件类型动态生成props\n },\n data() {\n return {\n // 组件状态\n };\n },\n methods: {\n // 组件方法\n }\n}",
"style": "\n/* From Uiverse.io by escannord - Tags: tooltip, message, support */\n/* This is an example, feel free to delete this code */\n.tooltip-container {\n --background: #4132c9;\n --support-size: 100rpx;\n --tooltip-radius: 20rpx 20rpx 20rpx 0;\n --outline-border-color: #0096aa;\n position: relative;\n background: transparent;\n /* #ifdef H5 */\n cursor: pointer;\n /* #endif */\n transition: all 0.2s;\n font-size: 34rpx;\n font-weight: bold;\n padding: 0.7em 1.8em;\n color: var(--background);\n border: solid 4rpx var(--background);\n}\n\n.tooltip-container::before {\n content: \"\";\n display: inline-block;\n border-radius: 50%;\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n z-index: -1;\n transition: all 0.5s linear;\n outline: 6rpx solid transparent;\n background: var(--background);\n}\n.tooltip-container:hover {\n color: white;\n}\n.tooltip-container:hover:before {\n width: 100%;\n height: 100%;\n border-radius: 0;\n outline-offset: 10rpx;\n outline-color: var(--outline-border-color);\n}\n.tooltip {\n position: absolute;\n display: inline-block;\n top: 0;\n left: 50%;\n transform: translateX(-5%);\n padding: 0.3em 0.6em;\n opacity: 0;\n pointer-events: none;\n transition: all 0.3s;\n background: var(--background);\n border-radius: var(--tooltip-radius);\n color: white;\n /* #ifdef H5 */\n /* #ifdef H5 */\n box-shadow: 6rpx 6rpx 0rpx var(--outline-border-color);\n /* #endif */\n /* #ifdef MP */\n border: 1rpx solid rgba(0,0,0,0.1);\n /* #endif */\n /* #endif */\n}\n\n.tooltip::after {\n content: \"Hello!👋\";\n display: inline-block;\n position: absolute;\n width: 100%;\n height: 100%;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n background-color: var(--background);\n text-align: center;\n border-radius: var(--tooltip-radius);\n}\n.tooltip::before {\n position: absolute;\n content: \"\";\n bottom: 0;\n border-style: solid;\n border-width: 20rpx;\n left: 0;\n transform: translateX(-50%);\n border-color: transparent var(--background) var(--background) transparent;\n /* #ifdef H5 */\n /* #ifdef H5 */\n box-shadow: 0rpx 6rpx 0rpx var(--outline-border-color);\n /* #endif */\n /* #ifdef MP */\n border: 1rpx solid rgba(0,0,0,0.1);\n /* #endif */\n /* #endif */\n}\n\n.tooltip-container:hover .tooltip::after {\n animation: hidden 0.5s 1.5s linear forwards;\n}\n\n.tooltip-container:hover .tooltip {\n top: calc(-100% - var(--support-size) * 0.5);\n opacity: 1;\n visibility: visible;\n pointer-events: auto;\n animation: shake 0.5s 1s linear;\n transition: all 0.3s 0.5s;\n}\n\n@keyframes hidden {\n 50% {\n transform: translate(-50%, -50%) scale(0.5);\n background-color: #1ca0f5;\n }\n 100% {\n transform: translate(0, -50%) scale(0.5);\n opacity: 0;\n }\n}\n\n@keyframes shake {\n 0%,\n 40%,\n 80% {\n transform: translateX(-10%);\n }\n 20%,\n 60%,\n 100% {\n transform: translateX(0);\n }\n}\n\n.st2 {\n fill: #f9c8a7;\n}\n.st3 {\n fill: #ff9e97;\n}\n.st6 {\n fill: #d72e48;\n}\n.st7 {\n fill: #ffffff;\n}\n.st8 {\n fill: #ff8d7f;\n}\n.st10 {\n fill: #3d3d3b;\n}\n.st11 {\n fill: #1ca0f5;\n}\n.st12 {\n opacity: 0.2;\n}\n.st14 {\n fill: #b7b7b7;\n}\n.st15 {\n fill: #ead9cf;\n}\n#Calque_1 {\n display: inline-block;\n height: var(--support-size);\n position: absolute;\n opacity: 0;\n transition: all 0.5s;\n z-index: -1;\n left: 0;\n top: 0;\n}\n#left_x5F_arm_2_ {\n transform: translateX(4rpx);\n}\n\n.tooltip-container:hover #Calque_1 {\n top: calc(var(--support-size) * -1);\n opacity: 1;\n}\n\n",
"component_name": "GalaxySpottyJellyfish36"
},
"platforms": {
"h5": true,
"mp-weixin": true,
"mp-alipay": true,
"mp-baidu": true,
"mp-toutiao": true,
"app-plus": true
},
"props": [
{
"name": "disabled",
"type": "Boolean",
"default": false,
"required": false,
"description": "是否禁用"
}
],
"events": [],
"slots": [
{
"name": "",
"description": "",
"props": []
}
],
"compatibility": {
"h5": {
"supported": true,
"issues": [],
"alternatives": []
},
"mp-weixin": {
"supported": true,
"issues": [
"不支持 box-shadow 属性",
"不支持 cursor 属性"
],
"alternatives": []
},
"mp-alipay": {
"supported": true,
"issues": [
"不支持 box-shadow 属性",
"不支持 cursor 属性"
],
"alternatives": []
},
"app-plus": {
"supported": true,
"issues": [],
"alternatives": []
}
},
"performance": {
"complexity": "high",
"bundle_size": 16206,
"render_cost": "high",
"memory_usage": "high"
},
"dependencies": [],
"examples": [
{
"title": "",
"description": "",
"code": ""
}
],
"created_at": "2025-07-31T07:55:38.680Z",
"updated_at": "2025-07-31T07:55:38.680Z"
}