galaxy-uniapp-mcp-server
Version:
Galaxy组件库到UniApp组件转换MCP服务器 - 支持跨平台组件转换、兼容性分析和项目集成
117 lines • 7.16 kB
JSON
{
"id": "vinodjangid07_horrible-swan-51",
"name": "horrible-swan-51",
"category": "buttons",
"author": "vinodjangid07",
"description": "horrible-swan-51 组件 (icon, animation, button, custom, hover effect, interactive)",
"tags": [
"icon",
"animation",
"button",
"custom",
"hover effect",
"interactive"
],
"original": {
"html": "<button class=\"palette-button\">\n <svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 47 47\" class=\"palette\">\n <path stroke-width=\"2\" stroke=\"black\" d=\"M23.5 46C11.0736 46 1 35.9264 1 23.5C1 11.0736 11.0736 1 23.5 1C35.9264 1 46 11.0736 46 23.5C46 24.2461 45.7117 24.7823 45.1652 25.2415C44.5763 25.7365 43.6859 26.1372 42.5263 26.4835C41.3771 26.8267 40.0662 27.0884 38.6848 27.3617L38.6142 27.3757C37.275 27.6407 35.8737 27.9179 34.5961 28.2889C32.0955 29.015 29.5022 30.2591 29.1333 33.106C28.9574 34.463 29.3233 36.0257 30.2167 37.8342C31.0026 39.425 32.2278 41.2689 33.9671 43.4224C30.8413 45.0683 27.2807 46 23.5 46Z\"></path>\n <circle fill=\"none\" class=\"color-drop drop1\" stroke-width=\"2\" stroke=\"black\" r=\"3.5\" cy=\"13.5\" cx=\"33.5\"></circle>\n <circle fill=\"none\" class=\"color-drop drop2\" stroke-width=\"2\" stroke=\"black\" r=\"3.5\" cy=\"10.5\" cx=\"20.5\"></circle>\n <circle fill=\"none\" class=\"color-drop drop3\" stroke-width=\"2\" stroke=\"black\" r=\"3.5\" cy=\"18.5\" cx=\"10.5\"></circle>\n <circle fill=\"none\" class=\"color-drop drop4\" stroke-width=\"2\" stroke=\"black\" r=\"3.5\" cy=\"31.5\" cx=\"11.5\"></circle>\n </svg>\n Customize\n</button>",
"css": "/* From Uiverse.io by vinodjangid07 - Tags: icon, animation, button, custom, hover effect */\n.palette-button {\n background-color: #fff;\n width: 170px;\n height: 55px;\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 10px;\n font-size: 16px;\n font-weight: 600;\n border: none;\n border-radius: 10px;\n cursor: pointer;\n box-shadow: 0px 0px 10px rgb(196, 196, 196);\n transition: all 0.3s;\n}\n.palette {\n width: 30px;\n transition: all 0.3s;\n}\n.palette-button:hover .palette {\n transform: rotate(-45deg);\n}\n.palette path {\n fill: rgb(255, 163, 183);\n stroke-width: 0;\n}\n.drop1 {\n fill: rgb(115, 115, 255);\n stroke-width: 0;\n}\n.drop2 {\n fill: red;\n stroke-width: 0;\n}\n.drop3 {\n fill: yellow;\n stroke-width: 0;\n}\n.drop4 {\n fill: rgb(104, 255, 255);\n stroke-width: 0;\n}\n.palette-button:hover {\n transform: scale(1.05);\n background-color: rgb(176, 115, 255);\n color: white;\n}",
"file_path": "/mnt/persist/workspace/Buttons/vinodjangid07_horrible-swan-51.html"
},
"uniapp": {
"template": "<button class=\"palette-button\"></button>\n <view xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 47 47\" class=\"palette\"></view>\n <path stroke-width=\"2\" stroke=\"black\" d=\"M23.5 46C11.0736 46 1 35.9264 1 23.5C1 11.0736 11.0736 1 23.5 1C35.9264 1 46 11.0736 46 23.5C46 24.2461 45.7117 24.7823 45.1652 25.2415C44.5763 25.7365 43.6859 26.1372 42.5263 26.4835C41.3771 26.8267 40.0662 27.0884 38.6848 27.3617L38.6142 27.3757C37.275 27.6407 35.8737 27.9179 34.5961 28.2889C32.0955 29.015 29.5022 30.2591 29.1333 33.106C28.9574 34.463 29.3233 36.0257 30.2167 37.8342C31.0026 39.425 32.2278 41.2689 33.9671 43.4224C30.8413 45.0683 27.2807 46 23.5 46Z\"></path>\n <circle fill=\"none\" class=\"color-drop drop1\" stroke-width=\"2\" stroke=\"black\" r=\"3.5\" cy=\"13.5\" cx=\"33.5\"></circle>\n <circle fill=\"none\" class=\"color-drop drop2\" stroke-width=\"2\" stroke=\"black\" r=\"3.5\" cy=\"10.5\" cx=\"20.5\"></circle>\n <circle fill=\"none\" class=\"color-drop drop3\" stroke-width=\"2\" stroke=\"black\" r=\"3.5\" cy=\"18.5\" cx=\"10.5\"></circle>\n <circle fill=\"none\" class=\"color-drop drop4\" stroke-width=\"2\" stroke=\"black\" r=\"3.5\" cy=\"31.5\" cx=\"11.5\"></circle>\n </svg>\n Customize\n</button>",
"script": "export default {\n name: 'GalaxyHorribleSwan51',\n props: {\n // 根据组件类型动态生成props\n },\n data() {\n return {\n // 组件状态\n };\n },\n methods: {\n // 组件方法\n }\n}",
"style": "\n/* From Uiverse.io by vinodjangid07 - Tags: icon, animation, button, custom, hover effect */\n.palette-button {\n background-color: #fff;\n width: 340rpx;\n height: 110rpx;\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 20rpx;\n font-size: 32rpx;\n font-weight: 600;\n border: none;\n border-radius: 20rpx;\n /* #ifdef H5 */\n cursor: pointer;\n /* #endif */\n /* #ifdef H5 */\n /* #ifdef H5 */\n box-shadow: 0rpx 0rpx 20rpx rgb(196, 196, 196);\n /* #endif */\n /* #ifdef MP */\n border: 1rpx solid rgba(0,0,0,0.1);\n /* #endif */\n /* #endif */\n transition: all 0.3s;\n}\n.palette {\n width: 60rpx;\n transition: all 0.3s;\n}\n.palette-button:hover .palette {\n transform: rotate(-45deg);\n}\n.palette path {\n fill: rgb(255, 163, 183);\n stroke-width: 0;\n}\n.drop1 {\n fill: rgb(115, 115, 255);\n stroke-width: 0;\n}\n.drop2 {\n fill: red;\n stroke-width: 0;\n}\n.drop3 {\n fill: yellow;\n stroke-width: 0;\n}\n.drop4 {\n fill: rgb(104, 255, 255);\n stroke-width: 0;\n}\n.palette-button:hover {\n transform: scale(1.05);\n background-color: rgb(176, 115, 255);\n color: white;\n}\n\n",
"component_name": "GalaxyHorribleSwan51"
},
"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": "是否禁用"
},
{
"name": "text",
"type": "String",
"default": "按钮",
"required": false,
"description": "按钮文字"
},
{
"name": "type",
"type": "String",
"default": "primary",
"required": false,
"description": "按钮类型"
}
],
"events": [
{
"name": "click",
"description": "点击事件",
"parameters": [
"event"
]
}
],
"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": "medium",
"bundle_size": 2077,
"render_cost": "medium",
"memory_usage": "medium"
},
"dependencies": [],
"examples": [
{
"title": "",
"description": "",
"code": ""
}
],
"created_at": "2025-07-31T07:55:38.151Z",
"updated_at": "2025-07-31T07:55:38.151Z"
}