{
  "id": "lvloper_modern-ladybug-94",
  "name": "modern-ladybug-94",
  "category": "tooltips",
  "author": "lvloper",
  "description": "modern-ladybug-94 组件",
  "tags": [],
  "original": {
    "html": "<div class=\"overflow-x-visible relative w-14 h-14 overflow-y-clip group text-center\">\n  <div class=\"flex justify-center items-center w-14 h-14 rounded-full bg-yellow-300 transition-all duration-300 absolute top-0 group-hover:scale-[.60] group-hover:origin-top text-white\">\n    <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"26.463\" height=\"26.647\" viewBox=\"0 0 26.463 26.647\">\n      <g id=\"Grupo_3793\" data-name=\"Grupo 3793\" transform=\"translate(1.5 1.5)\">\n        <path id=\"Trazado_28219\" data-name=\"Trazado 28219\" d=\"M7,10V24.188\" transform=\"translate(-1.088 -0.541)\" fill=\"none\" stroke=\"#000\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"3\"></path>\n        <path id=\"Trazado_28220\" data-name=\"Trazado 28220\" d=\"M17.37,6.587l-1.182,4.871h6.893a2.365,2.365,0,0,1,2.27,3.027L22.6,23.944a2.365,2.365,0,0,1-2.27,1.7H4.365A2.365,2.365,0,0,1,2,23.282V13.823a2.365,2.365,0,0,1,2.365-2.365H7.628a2.365,2.365,0,0,0,2.116-1.312L13.823,2A3.7,3.7,0,0,1,17.37,6.587Z\" transform=\"translate(-2 -2)\" fill=\"none\" stroke=\"#000\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"3\"></path>\n      </g>\n    </svg>\n  </div>\n  <div class=\"absolute text-white font-bold -bottom-10 left-1/2 text-sm text-center text-black whitespace-nowrap transition-all duration-300 transform -translate-x-1/2 group-hover:bottom-0\">\n    Like\n  </div>\n</div>",
    "css": "",
    "file_path": "/mnt/persist/workspace/Tooltips/lvloper_modern-ladybug-94.html"
  },
  "uniapp": {
    "template": "<view class=\"overflow-x-visible relative w-14 h-14 overflow-y-clip group text-center\"></view>\n  <view class=\"flex justify-center items-center w-14 h-14 rounded-full bg-yellow-300 transition-all duration-300 absolute top-0 group-hover:scale-[.60] group-hover:origin-top text-white\"></view>\n    <view xmlns=\"http://www.w3.org/2000/svg\" width=\"26.463\" height=\"26.647\" viewBox=\"0 0 26.463 26.647\"></view>\n      <g id=\"Grupo_3793\" data-name=\"Grupo 3793\" transform=\"translate(1.5 1.5)\">\n        <path id=\"Trazado_28219\" data-name=\"Trazado 28219\" d=\"M7,10V24.188\" transform=\"translate(-1.088 -0.541)\" fill=\"none\" stroke=\"#000\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"3\"></path>\n        <path id=\"Trazado_28220\" data-name=\"Trazado 28220\" d=\"M17.37,6.587l-1.182,4.871h6.893a2.365,2.365,0,0,1,2.27,3.027L22.6,23.944a2.365,2.365,0,0,1-2.27,1.7H4.365A2.365,2.365,0,0,1,2,23.282V13.823a2.365,2.365,0,0,1,2.365-2.365H7.628a2.365,2.365,0,0,0,2.116-1.312L13.823,2A3.7,3.7,0,0,1,17.37,6.587Z\" transform=\"translate(-2 -2)\" fill=\"none\" stroke=\"#000\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"3\"></path>\n      </g>\n    </svg>\n  </div>\n  <view class=\"absolute text-white font-bold -bottom-10 left-1/2 text-sm text-center text-black whitespace-nowrap transition-all duration-300 transform -translate-x-1/2 group-hover:bottom-0\"></view>\n    Like\n  </div>\n</div>",
    "script": "export default {\n  name: 'GalaxyModernLadybug94',\n  props: {\n    // 根据组件类型动态生成props\n  },\n  data() {\n    return {\n      // 组件状态\n    };\n  },\n  methods: {\n    // 组件方法\n  }\n}",
    "style": "",
    "component_name": "GalaxyModernLadybug94"
  },
  "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": 1353,
    "render_cost": "low",
    "memory_usage": "low"
  },
  "dependencies": [],
  "examples": [
    {
      "title": "",
      "description": "",
      "code": ""
    }
  ],
  "created_at": "2025-07-31T07:55:38.706Z",
  "updated_at": "2025-07-31T07:55:38.706Z"
}