galaxy-uniapp-mcp-server
Version:
Galaxy组件库到UniApp组件转换MCP服务器 - 支持跨平台组件转换、兼容性分析和项目集成
118 lines • 7.89 kB
JSON
{
"id": "Creatlydev_rare-treefrog-56",
"name": "rare-treefrog-56",
"category": "buttons",
"author": "Creatlydev",
"description": "rare-treefrog-56 组件 (button, animation, interactive)",
"tags": [
"button",
"animation",
"interactive"
],
"original": {
"html": "<button class=\"btn-github\">\n <svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 16 16\" height=\"16\" width=\"16\">\n <path fill=\"currentcolor\" d=\"M7.99992 1.33331C7.12444 1.33331 6.25753 1.50575 5.4487 1.84078C4.63986 2.17581 3.90493 2.66688 3.28587 3.28593C2.03563 4.53618 1.33325 6.23187 1.33325 7.99998C1.33325 10.9466 3.24659 13.4466 5.89325 14.3333C6.22659 14.3866 6.33325 14.18 6.33325 14C6.33325 13.8466 6.33325 13.4266 6.33325 12.8733C4.48659 13.2733 4.09325 11.98 4.09325 11.98C3.78659 11.2066 3.35325 11 3.35325 11C2.74659 10.5866 3.39992 10.6 3.39992 10.6C4.06659 10.6466 4.41992 11.2866 4.41992 11.2866C4.99992 12.3 5.97992 12 6.35992 11.84C6.41992 11.4066 6.59325 11.1133 6.77992 10.9466C5.29992 10.78 3.74659 10.2066 3.74659 7.66665C3.74659 6.92665 3.99992 6.33331 4.43325 5.85998C4.36659 5.69331 4.13325 4.99998 4.49992 4.09998C4.49992 4.09998 5.05992 3.91998 6.33325 4.77998C6.85992 4.63331 7.43325 4.55998 7.99992 4.55998C8.56659 4.55998 9.13992 4.63331 9.66659 4.77998C10.9399 3.91998 11.4999 4.09998 11.4999 4.09998C11.8666 4.99998 11.6333 5.69331 11.5666 5.85998C11.9999 6.33331 12.2533 6.92665 12.2533 7.66665C12.2533 10.2133 10.6933 10.7733 9.20659 10.94C9.44659 11.1466 9.66659 11.5533 9.66659 12.1733C9.66659 13.0666 9.66659 13.7866 9.66659 14C9.66659 14.18 9.77325 14.3933 10.1133 14.3333C12.7599 13.44 14.6666 10.9466 14.6666 7.99998C14.6666 7.1245 14.4941 6.25759 14.1591 5.44876C13.8241 4.63992 13.333 3.90499 12.714 3.28593C12.0949 2.66688 11.36 2.17581 10.5511 1.84078C9.7423 1.50575 8.8754 1.33331 7.99992 1.33331V1.33331Z\"></path>\n </svg>\n <span>View on Github</span>\n</button>",
"css": "/* From Uiverse.io by Creatlydev - Tags: button */\n.btn-github {\n cursor: pointer;\n display: flex;\n gap: 0.5rem;\n border: none;\n\n transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);\n -webkit-backdrop-filter: blur(32px);\n backdrop-filter: blur(32px);\n border-radius: 100px;\n font-weight: 800;\n place-content: center;\n\n padding: 0.75rem 1rem;\n font-size: 0.825rem;\n line-height: 1rem;\n\n background-color: rgba(255, 255, 255, 0.08);\n box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.04),\n inset 0 0 0 1px rgba(255, 255, 255, 0.04);\n color: #fff;\n}\n\n.btn-github:hover {\n box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.08),\n inset 0 0 0 1px rgba(252, 232, 3, 0.08);\n color: #fce803;\n transform: translate(0, -0.25rem);\n background-color: rgba(255, 255, 255, 0.16);\n}",
"file_path": "/mnt/persist/workspace/Buttons/Creatlydev_rare-treefrog-56.html"
},
"uniapp": {
"template": "<button class=\"btn-github\"></button>\n <view xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 16 16\" height=\"16\" width=\"16\"></view>\n <path fill=\"currentcolor\" d=\"M7.99992 1.33331C7.12444 1.33331 6.25753 1.50575 5.4487 1.84078C4.63986 2.17581 3.90493 2.66688 3.28587 3.28593C2.03563 4.53618 1.33325 6.23187 1.33325 7.99998C1.33325 10.9466 3.24659 13.4466 5.89325 14.3333C6.22659 14.3866 6.33325 14.18 6.33325 14C6.33325 13.8466 6.33325 13.4266 6.33325 12.8733C4.48659 13.2733 4.09325 11.98 4.09325 11.98C3.78659 11.2066 3.35325 11 3.35325 11C2.74659 10.5866 3.39992 10.6 3.39992 10.6C4.06659 10.6466 4.41992 11.2866 4.41992 11.2866C4.99992 12.3 5.97992 12 6.35992 11.84C6.41992 11.4066 6.59325 11.1133 6.77992 10.9466C5.29992 10.78 3.74659 10.2066 3.74659 7.66665C3.74659 6.92665 3.99992 6.33331 4.43325 5.85998C4.36659 5.69331 4.13325 4.99998 4.49992 4.09998C4.49992 4.09998 5.05992 3.91998 6.33325 4.77998C6.85992 4.63331 7.43325 4.55998 7.99992 4.55998C8.56659 4.55998 9.13992 4.63331 9.66659 4.77998C10.9399 3.91998 11.4999 4.09998 11.4999 4.09998C11.8666 4.99998 11.6333 5.69331 11.5666 5.85998C11.9999 6.33331 12.2533 6.92665 12.2533 7.66665C12.2533 10.2133 10.6933 10.7733 9.20659 10.94C9.44659 11.1466 9.66659 11.5533 9.66659 12.1733C9.66659 13.0666 9.66659 13.7866 9.66659 14C9.66659 14.18 9.77325 14.3933 10.1133 14.3333C12.7599 13.44 14.6666 10.9466 14.6666 7.99998C14.6666 7.1245 14.4941 6.25759 14.1591 5.44876C13.8241 4.63992 13.333 3.90499 12.714 3.28593C12.0949 2.66688 11.36 2.17581 10.5511 1.84078C9.7423 1.50575 8.8754 1.33331 7.99992 1.33331V1.33331Z\"></path>\n </svg>\n <text>View on Github</text>\n</button>",
"script": "export default {\n name: 'GalaxyRareTreefrog56',\n props: {\n // 根据组件类型动态生成props\n },\n data() {\n return {\n // 组件状态\n };\n },\n methods: {\n // 组件方法\n }\n}",
"style": "\n/* From Uiverse.io by Creatlydev - Tags: button */\n.btn-github {\n /* #ifdef H5 */\n cursor: pointer;\n /* #endif */\n display: flex;\n gap: 0.5rem;\n border: none;\n\n transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);\n -webkit-backdrop-\n backdrop-\n border-radius: 200rpx;\n font-weight: 800;\n place-content: center;\n\n padding: 0.75rem 1rem;\n font-size: 0.825rem;\n line-height: 1rem;\n\n background-color: rgba(255, 255, 255, 0.08);\n /* #ifdef H5 */\n /* #ifdef H5 */\n box-shadow: inset 0 2rpx 0 0 rgba(255, 255, 255, 0.04),\n inset 0 0 0 2rpx rgba(255, 255, 255, 0.04);\n /* #endif */\n /* #ifdef MP */\n border: 1rpx solid rgba(0,0,0,0.1);\n /* #endif */\n /* #endif */\n color: #fff;\n}\n\n.btn-github:hover {\n /* #ifdef H5 */\n /* #ifdef H5 */\n box-shadow: inset 0 2rpx 0 0 rgba(255, 255, 255, 0.08),\n inset 0 0 0 2rpx rgba(252, 232, 3, 0.08);\n /* #endif */\n /* #ifdef MP */\n border: 1rpx solid rgba(0,0,0,0.1);\n /* #endif */\n /* #endif */\n color: #fce803;\n transform: translate(0, -0.25rem);\n background-color: rgba(255, 255, 255, 0.16);\n}\n\n",
"component_name": "GalaxyRareTreefrog56"
},
"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 属性",
"不支持 filter 属性",
"不支持 backdrop-filter 属性",
"不支持 cursor 属性"
],
"alternatives": []
},
"mp-alipay": {
"supported": true,
"issues": [
"不支持 box-shadow 属性",
"不支持 filter 属性",
"不支持 backdrop-filter 属性",
"不支持 cursor 属性"
],
"alternatives": []
},
"app-plus": {
"supported": true,
"issues": [],
"alternatives": []
}
},
"performance": {
"complexity": "medium",
"bundle_size": 2431,
"render_cost": "medium",
"memory_usage": "medium"
},
"dependencies": [],
"examples": [
{
"title": "",
"description": "",
"code": ""
}
],
"created_at": "2025-07-31T07:55:33.009Z",
"updated_at": "2025-07-31T07:55:33.009Z"
}