{
  "id": "ayman-ashine_curvy-starfish-3",
  "name": "curvy-starfish-3",
  "category": "tooltips",
  "author": "ayman-ashine",
  "description": "curvy-starfish-3 组件",
  "tags": [],
  "original": {
    "html": "<div class=\"group relative flex justify-center items-center text-zinc-600 text-sm font-bold\">\n  <div class=\"absolute opacity-0 group-hover:opacity-100 group-hover:-translate-y-[150%] -translate-y-[300%] duration-500 group-hover:delay-500 skew-y-[20deg] group-hover:skew-y-0 shadow-md\">\n    <div class=\"bg-lime-200 flex items-center gap-1 p-2 rounded-md\">\n      <svg fill=\"none\" viewBox=\"0 0 24 24\" height=\"20px\" width=\"20px\" xmlns=\"http://www.w3.org/2000/svg\" class=\"stroke-zinc-600\">\n        <circle stroke-linejoin=\"round\" r=\"9\" cy=\"12\" cx=\"12\"></circle>\n        <path stroke-linejoin=\"round\" d=\"M12 3C12 3 8.5 6 8.5 12C8.5 18 12 21 12 21\"></path>\n        <path stroke-linejoin=\"round\" d=\"M12 3C12 3 15.5 6 15.5 12C15.5 18 12 21 12 21\"></path>\n        <path stroke-linejoin=\"round\" d=\"M3 12H21\"></path>\n        <path stroke-linejoin=\"round\" d=\"M19.5 7.5H4.5\"></path>\n        <g filter=\"url(#filter0_d_15_556)\">\n          <path stroke-linejoin=\"round\" d=\"M19.5 16.5H4.5\"></path>\n        </g>\n        <defs>\n          <filter color-interpolation-filters=\"sRGB\" filterUnits=\"userSpaceOnUse\" height=\"3\" width=\"17\" y=\"16\" x=\"3.5\" id=\"filter0_d_15_556\">\n            <feFlood result=\"BackgroundImageFix\" flood-opacity=\"0\"></feFlood>\n            <feColorMatrix result=\"hardAlpha\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\" type=\"matrix\" in=\"SourceAlpha\"></feColorMatrix>\n            <feOffset dy=\"1\"></feOffset>\n            <feGaussianBlur stdDeviation=\"0.5\"></feGaussianBlur>\n            <feColorMatrix values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0\" type=\"matrix\"></feColorMatrix>\n            <feBlend result=\"effect1_dropShadow_15_556\" in2=\"BackgroundImageFix\" mode=\"normal\"></feBlend>\n            <feBlend result=\"shape\" in2=\"effect1_dropShadow_15_556\" in=\"SourceGraphic\" mode=\"normal\"></feBlend>\n          </filter>\n        </defs>\n      </svg>\n      <span>Uiverse.io</span>\n    </div>\n    <div class=\"shadow-md bg-lime-200 absolute bottom-0 translate-y-1/2 left-1/2 translate-x-full rotate-45 p-1\"></div>\n    <div class=\"rounded-md bg-white group-hover:opacity-0 group-hover:scale-[115%] group-hover:delay-700 duration-500 w-full h-full absolute top-0 left-0\">\n      <div class=\"border-b border-r border-white bg-white absolute bottom-0 translate-y-1/2 left-1/2 translate-x-full rotate-45 p-1\"></div>\n    </div>\n  </div>\n\n  <div class=\"shadow-md flex items-center group-hover:gap-2 bg-gradient-to-br from-lime-200 to-yellow-200 p-3 rounded-full cursor-pointer duration-300\">\n    <svg fill=\"none\" viewBox=\"0 0 24 24\" height=\"20px\" width=\"20px\" xmlns=\"http://www.w3.org/2000/svg\" class=\"fill-zinc-600\">\n      <path stroke-linejoin=\"round\" stroke-linecap=\"round\" d=\"M15.4306 7.70172C7.55045 7.99826 3.43929 15.232 2.17021 19.3956C2.07701 19.7014 2.31139 20 2.63107 20C2.82491 20 3.0008 19.8828 3.08334 19.7074C6.04179 13.4211 12.7066 12.3152 15.514 12.5639C15.7583 12.5856 15.9333 12.7956 15.9333 13.0409V15.1247C15.9333 15.5667 16.4648 15.7913 16.7818 15.4833L20.6976 11.6784C20.8723 11.5087 20.8993 11.2378 20.7615 11.037L16.8456 5.32965C16.5677 4.92457 15.9333 5.12126 15.9333 5.61253V7.19231C15.9333 7.46845 15.7065 7.69133 15.4306 7.70172Z\"></path></svg><span class=\"text-[0px] group-hover:text-sm duration-300\">Check Our Website</span>\n  </div>\n</div>",
    "css": "",
    "file_path": "/mnt/persist/workspace/Tooltips/ayman-ashine_curvy-starfish-3.html"
  },
  "uniapp": {
    "template": "<view class=\"group relative flex justify-center items-center text-zinc-600 text-sm font-bold\"></view>\n  <view class=\"absolute opacity-0 group-hover:opacity-100 group-hover:-translate-y-[150%] -translate-y-[300%] duration-500 group-hover:delay-500 skew-y-[20deg] group-hover:skew-y-0 shadow-md\"></view>\n    <view class=\"bg-lime-200 flex items-center gap-1 p-2 rounded-md\"></view>\n      <view fill=\"none\" viewBox=\"0 0 24 24\" height=\"20px\" width=\"20px\" xmlns=\"http://www.w3.org/2000/svg\" class=\"stroke-zinc-600\"></view>\n        <circle stroke-linejoin=\"round\" r=\"9\" cy=\"12\" cx=\"12\"></circle>\n        <path stroke-linejoin=\"round\" d=\"M12 3C12 3 8.5 6 8.5 12C8.5 18 12 21 12 21\"></path>\n        <path stroke-linejoin=\"round\" d=\"M12 3C12 3 15.5 6 15.5 12C15.5 18 12 21 12 21\"></path>\n        <path stroke-linejoin=\"round\" d=\"M3 12H21\"></path>\n        <path stroke-linejoin=\"round\" d=\"M19.5 7.5H4.5\"></path>\n        <g filter=\"url(#filter0_d_15_556)\">\n          <path stroke-linejoin=\"round\" d=\"M19.5 16.5H4.5\"></path>\n        </g>\n        <defs>\n          <filter color-interpolation-filters=\"sRGB\" filterUnits=\"userSpaceOnUse\" height=\"3\" width=\"17\" y=\"16\" x=\"3.5\" id=\"filter0_d_15_556\">\n            <feFlood result=\"BackgroundImageFix\" flood-opacity=\"0\"></feFlood>\n            <feColorMatrix result=\"hardAlpha\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\" type=\"matrix\" in=\"SourceAlpha\"></feColorMatrix>\n            <feOffset dy=\"1\"></feOffset>\n            <feGaussianBlur stdDeviation=\"0.5\"></feGaussianBlur>\n            <feColorMatrix values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0\" type=\"matrix\"></feColorMatrix>\n            <feBlend result=\"effect1_dropShadow_15_556\" in2=\"BackgroundImageFix\" mode=\"normal\"></feBlend>\n            <feBlend result=\"shape\" in2=\"effect1_dropShadow_15_556\" in=\"SourceGraphic\" mode=\"normal\"></feBlend>\n          </filter>\n        </defs>\n      </svg>\n      <text>Uiverse.io</text>\n    </div>\n    <view class=\"shadow-md bg-lime-200 absolute bottom-0 translate-y-1/2 left-1/2 translate-x-full rotate-45 p-1\"></view>\n    <view class=\"rounded-md bg-white group-hover:opacity-0 group-hover:scale-[115%] group-hover:delay-700 duration-500 w-full h-full absolute top-0 left-0\"></view>\n      <view class=\"border-b border-r border-white bg-white absolute bottom-0 translate-y-1/2 left-1/2 translate-x-full rotate-45 p-1\"></view>\n    </div>\n  </div>\n\n  <view class=\"shadow-md flex items-center group-hover:gap-2 bg-gradient-to-br from-lime-200 to-yellow-200 p-3 rounded-full cursor-pointer duration-300\"></view>\n    <view fill=\"none\" viewBox=\"0 0 24 24\" height=\"20px\" width=\"20px\" xmlns=\"http://www.w3.org/2000/svg\" class=\"fill-zinc-600\"></view>\n      <path stroke-linejoin=\"round\" stroke-linecap=\"round\" d=\"M15.4306 7.70172C7.55045 7.99826 3.43929 15.232 2.17021 19.3956C2.07701 19.7014 2.31139 20 2.63107 20C2.82491 20 3.0008 19.8828 3.08334 19.7074C6.04179 13.4211 12.7066 12.3152 15.514 12.5639C15.7583 12.5856 15.9333 12.7956 15.9333 13.0409V15.1247C15.9333 15.5667 16.4648 15.7913 16.7818 15.4833L20.6976 11.6784C20.8723 11.5087 20.8993 11.2378 20.7615 11.037L16.8456 5.32965C16.5677 4.92457 15.9333 5.12126 15.9333 5.61253V7.19231C15.9333 7.46845 15.7065 7.69133 15.4306 7.70172Z\"></path></svg><text class=\"text-[0px] group-hover:text-sm duration-300\">Check Our Website</text>\n  </div>\n</div>",
    "script": "export default {\n  name: 'GalaxyCurvyStarfish3',\n  props: {\n    // 根据组件类型动态生成props\n  },\n  data() {\n    return {\n      // 组件状态\n    };\n  },\n  methods: {\n    // 组件方法\n  }\n}",
    "style": "",
    "component_name": "GalaxyCurvyStarfish3"
  },
  "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": [],
      "alternatives": []
    },
    "mp-alipay": {
      "supported": true,
      "issues": [],
      "alternatives": []
    },
    "app-plus": {
      "supported": true,
      "issues": [],
      "alternatives": []
    }
  },
  "performance": {
    "complexity": "low",
    "bundle_size": 3272,
    "render_cost": "low",
    "memory_usage": "low"
  },
  "dependencies": [],
  "examples": [
    {
      "title": "",
      "description": "",
      "code": ""
    }
  ],
  "created_at": "2025-07-31T07:55:38.626Z",
  "updated_at": "2025-07-31T07:55:38.626Z"
}