galaxy-uniapp-mcp-server
Version:
Galaxy组件库到UniApp组件转换MCP服务器 - 支持跨平台组件转换、兼容性分析和项目集成
113 lines • 5.18 kB
JSON
{
"id": "alexmaracinaru_perfect-panda-77",
"name": "perfect-panda-77",
"category": "buttons",
"author": "alexmaracinaru",
"description": "perfect-panda-77 组件 (icon, button, animation, interactive)",
"tags": [
"icon",
"button",
"animation",
"interactive"
],
"original": {
"html": "<button>\n <span>Continue</span>\n <svg width=\"34\" height=\"34\" viewBox=\"0 0 74 74\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <circle cx=\"37\" cy=\"37\" r=\"35.5\" stroke=\"black\" stroke-width=\"3\"></circle>\n <path d=\"M25 35.5C24.1716 35.5 23.5 36.1716 23.5 37C23.5 37.8284 24.1716 38.5 25 38.5V35.5ZM49.0607 38.0607C49.6464 37.4749 49.6464 36.5251 49.0607 35.9393L39.5147 26.3934C38.9289 25.8076 37.9792 25.8076 37.3934 26.3934C36.8076 26.9792 36.8076 27.9289 37.3934 28.5147L45.8787 37L37.3934 45.4853C36.8076 46.0711 36.8076 47.0208 37.3934 47.6066C37.9792 48.1924 38.9289 48.1924 39.5147 47.6066L49.0607 38.0607ZM25 38.5L48 38.5V35.5L25 35.5V38.5Z\" fill=\"black\"></path>\n </svg>\n</button>",
"css": "/* From Uiverse.io by alexmaracinaru - Tags: icon, button */\nbutton {\n cursor: pointer;\n font-weight: 700;\n font-family: Helvetica,\"sans-serif\";\n transition: all .2s;\n padding: 10px 20px;\n border-radius: 100px;\n background: #cfef00;\n border: 1px solid transparent;\n display: flex;\n align-items: center;\n font-size: 15px;\n}\n\nbutton:hover {\n background: #c4e201;\n}\n\nbutton > svg {\n width: 34px;\n margin-left: 10px;\n transition: transform .3s ease-in-out;\n}\n\nbutton:hover svg {\n transform: translateX(5px);\n}\n\nbutton:active {\n transform: scale(0.95);\n}",
"file_path": "/mnt/persist/workspace/Buttons/alexmaracinaru_perfect-panda-77.html"
},
"uniapp": {
"template": "<button></button>\n <text>Continue</text>\n <view width=\"34\" height=\"34\" viewBox=\"0 0 74 74\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"></view>\n <circle cx=\"37\" cy=\"37\" r=\"35.5\" stroke=\"black\" stroke-width=\"3\"></circle>\n <path d=\"M25 35.5C24.1716 35.5 23.5 36.1716 23.5 37C23.5 37.8284 24.1716 38.5 25 38.5V35.5ZM49.0607 38.0607C49.6464 37.4749 49.6464 36.5251 49.0607 35.9393L39.5147 26.3934C38.9289 25.8076 37.9792 25.8076 37.3934 26.3934C36.8076 26.9792 36.8076 27.9289 37.3934 28.5147L45.8787 37L37.3934 45.4853C36.8076 46.0711 36.8076 47.0208 37.3934 47.6066C37.9792 48.1924 38.9289 48.1924 39.5147 47.6066L49.0607 38.0607ZM25 38.5L48 38.5V35.5L25 35.5V38.5Z\" fill=\"black\"></path>\n </svg>\n</button>",
"script": "export default {\n name: 'GalaxyPerfectPanda77',\n props: {\n // 根据组件类型动态生成props\n },\n data() {\n return {\n // 组件状态\n };\n },\n methods: {\n // 组件方法\n }\n}",
"style": "\n/* From Uiverse.io by alexmaracinaru - Tags: icon, button */\nbutton {\n /* #ifdef H5 */\n cursor: pointer;\n /* #endif */\n font-weight: 700;\n font-family: Helvetica,\"sans-serif\";\n transition: all .2s;\n padding: 20rpx 40rpx;\n border-radius: 200rpx;\n background: #cfef00;\n border: 2rpx solid transparent;\n display: flex;\n align-items: center;\n font-size: 30rpx;\n}\n\nbutton:hover {\n background: #c4e201;\n}\n\nbutton > svg {\n width: 68rpx;\n margin-left: 20rpx;\n transition: transform .3s ease-in-out;\n}\n\nbutton:hover svg {\n transform: translateX(10rpx);\n}\n\nbutton:active {\n transform: scale(0.95);\n}\n\n\n",
"component_name": "GalaxyPerfectPanda77"
},
"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": [
"不支持 cursor 属性"
],
"alternatives": []
},
"mp-alipay": {
"supported": true,
"issues": [
"不支持 cursor 属性"
],
"alternatives": []
},
"app-plus": {
"supported": true,
"issues": [],
"alternatives": []
}
},
"performance": {
"complexity": "medium",
"bundle_size": 1283,
"render_cost": "medium",
"memory_usage": "medium"
},
"dependencies": [],
"examples": [
{
"title": "",
"description": "",
"code": ""
}
],
"created_at": "2025-07-31T07:55:35.579Z",
"updated_at": "2025-07-31T07:55:35.579Z"
}