galaxy-uniapp-mcp-server
Version:
Galaxy组件库到UniApp组件转换MCP服务器 - 支持跨平台组件转换、兼容性分析和项目集成
113 lines • 8.6 kB
JSON
{
"id": "Ahemtan_strong-impala-57",
"name": "strong-impala-57",
"category": "buttons",
"author": "Ahemtan",
"description": "strong-impala-57 组件 (button, animation, gradient, interactive)",
"tags": [
"button",
"animation",
"gradient",
"interactive"
],
"original": {
"html": "<button>\n <span class=\"text\">\n Hover Me!\n </span>\n <svg viewBox=\"0 0 576 512\" xmlns=\"http://www.w3.org/2000/svg\" class=\"star\"><path fill=\"currentcolor\" d=\"M316.9 18C311.6 7 300.4 0 288.1 0s-23.4 7-28.8 18L195 150.3 51.4 171.5c-12 1.8-22 10.2-25.7 21.7s-.7 24.2 7.9 32.7L137.8 329 113.2 474.7c-2 12 3 24.2 12.9 31.3s23 8 33.8 2.3l128.3-68.5 128.3 68.5c10.8 5.7 23.9 4.9 33.8-2.3s14.9-19.3 12.9-31.3L438.5 329 542.7 225.9c8.6-8.5 11.7-21.2 7.9-32.7s-13.7-19.9-25.7-21.7L381.2 150.3 316.9 18z\"></path></svg>\n <svg viewBox=\"0 0 384 512\" xmlns=\"http://www.w3.org/2000/svg\" class=\"moon\"><path fill=\"currentcolor\" d=\"M223.5 32C100 32 0 132.3 0 256S100 480 223.5 480c60.6 0 115.5-24.2 155.8-63.4c5-4.9 6.3-12.5 3.1-18.7s-10.1-9.7-17-8.5c-9.8 1.7-19.8 2.6-30.1 2.6c-96.9 0-175.5-78.8-175.5-176c0-65.8 36-123.1 89.3-153.3c6.1-3.5 9.2-10.5 7.7-17.3s-7.3-11.9-14.3-12.5c-6.3-.5-12.6-.8-19-.8z\"></path></svg>\n <svg viewBox=\"0 0 512 512\" xmlns=\"http://www.w3.org/2000/svg\" class=\"meteor\"><path fill=\"currentcolor\" d=\"M493.7 .9L299.4 75.6l2.3-29.3c1-12.8-12.8-21.5-24-15.1L101.3 133.4C38.6 169.7 0 236.6 0 309C0 421.1 90.9 512 203 512c72.4 0 139.4-38.6 175.7-101.3L480.8 234.3c6.5-11.1-2.2-25-15.1-24l-29.3 2.3L511.1 18.3c.6-1.5 .9-3.2 .9-4.8C512 6 506 0 498.5 0c-1.7 0-3.3 .3-4.8 .9zM192 192a128 128 0 1 1 0 256 128 128 0 1 1 0-256zm0 96a32 32 0 1 0 -64 0 32 32 0 1 0 64 0zm16 96a16 16 0 1 0 0-32 16 16 0 1 0 0 32z\"></path></svg>\n</button>",
"css": "/* From Uiverse.io by Ahemtan - Tags: button */\nbutton {\n position: relative;\n background: #6a92ef;\n color: white;\n padding: .9rem 2.20rem;\n border-radius: 2rem;\n transition: .5s;\n border: none;\n}\n\nbutton::after {\n content: '';\n width: 80%;\n height: 40%;\n background: linear-gradient(80deg, hsl(217, 77%, 71%) 10%, hsl(218, 76%, 84%) 48%);\n position: absolute;\n left: 0;\n right: 0;\n bottom: -5px;\n margin: 0 auto;\n border-radius: 2rem;\n filter: blur(8px);\n z-index: -9;\n opacity: 0;\n transition: opacity .4s;\n}\n\n.text {\n position: relative;\n z-index: 10;\n}\n\nbutton svg {\n position: absolute;\n inset: 0;\n margin: auto;\n pointer-events: none;\n transition: .6s;\n opacity: 0;\n}\n\nsvg.star {\n width: 18px;\n transform: translate(-25px, -6px) rotate(55deg);\n filter: blur(.4px);\n color: hsl(210, 40%, 47%);\n}\n\nsvg.moon {\n width: 18px;\n transform: translate(7px, -14) rotate(80deg);\n filter: blur(.5px);\n color: hsl(210, 40%, 47%);\n}\n\nsvg.meteor {\n width: 16px;\n transform: translate(34px, -4px) rotate(-45deg);\n filter: blur(.4px);\n color: hsl(210, 40%, 47%);\n}\n\nbutton:active {\n color: #ffffff;\n transform: scale(1.2);\n}\n\nbutton:hover::after {\n opacity: 1;\n}\n\nbutton:hover {\n transform: scale(1.3);\n}\n\nbutton:hover svg {\n opacity: 1;\n}\n\nbutton:hover svg.star {\n transform: translate(-55px, -20px) rotate(55deg) scale(1.8);\n}\n\nbutton:hover svg.moon {\n transform: translate(50px, -32px) rotate(0deg) scale(1.4);\n}\n\nbutton:hover svg.meteor {\n transform: translate(28px, 30px) rotate(260deg) scale(2);\n}",
"file_path": "/mnt/persist/workspace/Buttons/Ahemtan_strong-impala-57.html"
},
"uniapp": {
"template": "<button></button>\n <text class=\"text\"></text>\n Hover Me!\n </span>\n <view viewBox=\"0 0 576 512\" xmlns=\"http://www.w3.org/2000/svg\" class=\"star\"><path fill=\"currentcolor\" d=\"M316.9 18C311.6 7 300.4 0 288.1 0s-23.4 7-28.8 18L195 150.3 51.4 171.5c-12 1.8-22 10.2-25.7 21.7s-.7 24.2 7.9 32.7L137.8 329 113.2 474.7c-2 12 3 24.2 12.9 31.3s23 8 33.8 2.3l128.3-68.5 128.3 68.5c10.8 5.7 23.9 4.9 33.8-2.3s14.9-19.3 12.9-31.3L438.5 329 542.7 225.9c8.6-8.5 11.7-21.2 7.9-32.7s-13.7-19.9-25.7-21.7L381.2 150.3 316.9 18z\"></path></view>\n <view viewBox=\"0 0 384 512\" xmlns=\"http://www.w3.org/2000/svg\" class=\"moon\"><path fill=\"currentcolor\" d=\"M223.5 32C100 32 0 132.3 0 256S100 480 223.5 480c60.6 0 115.5-24.2 155.8-63.4c5-4.9 6.3-12.5 3.1-18.7s-10.1-9.7-17-8.5c-9.8 1.7-19.8 2.6-30.1 2.6c-96.9 0-175.5-78.8-175.5-176c0-65.8 36-123.1 89.3-153.3c6.1-3.5 9.2-10.5 7.7-17.3s-7.3-11.9-14.3-12.5c-6.3-.5-12.6-.8-19-.8z\"></path></view>\n <view viewBox=\"0 0 512 512\" xmlns=\"http://www.w3.org/2000/svg\" class=\"meteor\"><path fill=\"currentcolor\" d=\"M493.7 .9L299.4 75.6l2.3-29.3c1-12.8-12.8-21.5-24-15.1L101.3 133.4C38.6 169.7 0 236.6 0 309C0 421.1 90.9 512 203 512c72.4 0 139.4-38.6 175.7-101.3L480.8 234.3c6.5-11.1-2.2-25-15.1-24l-29.3 2.3L511.1 18.3c.6-1.5 .9-3.2 .9-4.8C512 6 506 0 498.5 0c-1.7 0-3.3 .3-4.8 .9zM192 192a128 128 0 1 1 0 256 128 128 0 1 1 0-256zm0 96a32 32 0 1 0 -64 0 32 32 0 1 0 64 0zm16 96a16 16 0 1 0 0-32 16 16 0 1 0 0 32z\"></path></view>\n</button>",
"script": "export default {\n name: 'GalaxyStrongImpala57',\n props: {\n // 根据组件类型动态生成props\n },\n data() {\n return {\n // 组件状态\n };\n },\n methods: {\n // 组件方法\n }\n}",
"style": "\n/* From Uiverse.io by Ahemtan - Tags: button */\nbutton {\n position: relative;\n background: #6a92ef;\n color: white;\n padding: .9rem 2.20rem;\n border-radius: 2rem;\n transition: .5s;\n border: none;\n}\n\nbutton::after {\n content: '';\n width: 80%;\n height: 40%;\n background: linear-gradient(80deg, hsl(217, 77%, 71%) 10%, hsl(218, 76%, 84%) 48%);\n position: absolute;\n left: 0;\n right: 0;\n bottom: -10rpx;\n margin: 0 auto;\n border-radius: 2rem;\n \n z-index: -9;\n opacity: 0;\n transition: opacity .4s;\n}\n\n.text {\n position: relative;\n z-index: 10;\n}\n\nbutton svg {\n position: absolute;\n inset: 0;\n margin: auto;\n pointer-events: none;\n transition: .6s;\n opacity: 0;\n}\n\nsvg.star {\n width: 36rpx;\n transform: translate(-50rpx, -12rpx) rotate(55deg);\n \n color: hsl(210, 40%, 47%);\n}\n\nsvg.moon {\n width: 36rpx;\n transform: translate(14rpx, -14) rotate(80deg);\n \n color: hsl(210, 40%, 47%);\n}\n\nsvg.meteor {\n width: 32rpx;\n transform: translate(68rpx, -8rpx) rotate(-45deg);\n \n color: hsl(210, 40%, 47%);\n}\n\nbutton:active {\n color: #ffffff;\n transform: scale(1.2);\n}\n\nbutton:hover::after {\n opacity: 1;\n}\n\nbutton:hover {\n transform: scale(1.3);\n}\n\nbutton:hover svg {\n opacity: 1;\n}\n\nbutton:hover svg.star {\n transform: translate(-110rpx, -40rpx) rotate(55deg) scale(1.8);\n}\n\nbutton:hover svg.moon {\n transform: translate(100rpx, -64rpx) rotate(0deg) scale(1.4);\n}\n\nbutton:hover svg.meteor {\n transform: translate(56rpx, 60rpx) rotate(260deg) scale(2);\n}\n",
"component_name": "GalaxyStrongImpala57"
},
"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": [
"不支持 filter 属性"
],
"alternatives": []
},
"mp-alipay": {
"supported": true,
"issues": [
"不支持 filter 属性"
],
"alternatives": []
},
"app-plus": {
"supported": true,
"issues": [],
"alternatives": []
}
},
"performance": {
"complexity": "medium",
"bundle_size": 2980,
"render_cost": "medium",
"memory_usage": "medium"
},
"dependencies": [],
"examples": [
{
"title": "",
"description": "",
"code": ""
}
],
"created_at": "2025-07-31T07:55:32.557Z",
"updated_at": "2025-07-31T07:55:32.557Z"
}