galaxy-uniapp-mcp-server
Version:
Galaxy组件库到UniApp组件转换MCP服务器 - 支持跨平台组件转换、兼容性分析和项目集成
120 lines • 14.2 kB
JSON
{
"id": "asgardOP_smart-skunk-78",
"name": "smart-skunk-78",
"category": "buttons",
"author": "asgardOP",
"description": "smart-skunk-78 组件 (icon, social, button, hover, dark, modern, social media, buttons, animation, gradient, interactive)",
"tags": [
"icon",
"social",
"button",
"hover",
"dark",
"modern",
"social media",
"buttons",
"animation",
"gradient",
"interactive"
],
"original": {
"html": "<button class=\"button\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" height=\"24\" width=\"24\" xmlns=\"http://www.w3.org/2000/svg\" aria-hidden=\"true\" class=\"w-6 h-6 text-gray-800 dark:text-white\">\n <path clip-rule=\"evenodd\" d=\"M3 8a5 5 0 0 1 5-5h8a5 5 0 0 1 5 5v8a5 5 0 0 1-5 5H8a5 5 0 0 1-5-5V8Zm5-3a3 3 0 0 0-3 3v8a3 3 0 0 0 3 3h8a3 3 0 0 0 3-3V8a3 3 0 0 0-3-3H8Zm7.597 2.214a1 1 0 0 1 1-1h.01a1 1 0 1 1 0 2h-.01a1 1 0 0 1-1-1ZM12 9a3 3 0 1 0 0 6 3 3 0 0 0 0-6Zm-5 3a5 5 0 1 1 10 0 5 5 0 0 1-10 0Z\" fill-rule=\"evenodd\" fill=\"currentColor\"></path>\n </svg>\n</button>\n<button class=\"button\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" height=\"24\" width=\"24\" xmlns=\"http://www.w3.org/2000/svg\" aria-hidden=\"true\" class=\"w-6 h-6 text-gray-800 dark:text-white\">\n <path clip-rule=\"evenodd\" d=\"M12 4a8 8 0 0 0-6.895 12.06l.569.718-.697 2.359 2.32-.648.379.243A8 8 0 1 0 12 4ZM2 12C2 6.477 6.477 2 12 2s10 4.477 10 10-4.477 10-10 10a9.96 9.96 0 0 1-5.016-1.347l-4.948 1.382 1.426-4.829-.006-.007-.033-.055A9.958 9.958 0 0 1 2 12Z\" fill-rule=\"evenodd\" fill=\"currentColor\"></path>\n <path d=\"M16.735 13.492c-.038-.018-1.497-.736-1.756-.83a1.008 1.008 0 0 0-.34-.075c-.196 0-.362.098-.49.291-.146.217-.587.732-.723.886-.018.02-.042.045-.057.045-.013 0-.239-.093-.307-.123-1.564-.68-2.751-2.313-2.914-2.589-.023-.04-.024-.057-.024-.057.005-.021.058-.074.085-.101.08-.079.166-.182.249-.283l.117-.14c.121-.14.175-.25.237-.375l.033-.066a.68.68 0 0 0-.02-.64c-.034-.069-.65-1.555-.715-1.711-.158-.377-.366-.552-.655-.552-.027 0 0 0-.112.005-.137.005-.883.104-1.213.311-.35.22-.94.924-.94 2.16 0 1.112.705 2.162 1.008 2.561l.041.06c1.161 1.695 2.608 2.951 4.074 3.537 1.412.564 2.081.63 2.461.63.16 0 .288-.013.4-.024l.072-.007c.488-.043 1.56-.599 1.804-1.276.192-.534.243-1.117.115-1.329-.088-.144-.239-.216-.43-.308Z\" fill=\"currentColor\"></path>\n </svg>\n</button>\n\n<button class=\"button\">\n <svg viewBox=\"0 0 24 24\" fill=\"currentColor\" height=\"24\" width=\"24\" xmlns=\"http://www.w3.org/2000/svg\" aria-hidden=\"true\" class=\"w-6 h-6 text-gray-800 dark:text-white\">\n <path clip-rule=\"evenodd\" d=\"M22 5.892a8.178 8.178 0 0 1-2.355.635 4.074 4.074 0 0 0 1.8-2.235 8.343 8.343 0 0 1-2.605.981A4.13 4.13 0 0 0 15.85 4a4.068 4.068 0 0 0-4.1 4.038c0 .31.035.618.105.919A11.705 11.705 0 0 1 3.4 4.734a4.006 4.006 0 0 0 1.268 5.392 4.165 4.165 0 0 1-1.859-.5v.05A4.057 4.057 0 0 0 6.1 13.635a4.192 4.192 0 0 1-1.856.07 4.108 4.108 0 0 0 3.831 2.807A8.36 8.36 0 0 1 2 18.184 11.732 11.732 0 0 0 8.291 20 11.502 11.502 0 0 0 19.964 8.5c0-.177 0-.349-.012-.523A8.143 8.143 0 0 0 22 5.892Z\" fill-rule=\"evenodd\"></path>\n </svg>\n</button>\n\n<button class=\"button\">\n <svg viewBox=\"0 0 24 24\" fill=\"currentColor\" height=\"24\" width=\"24\" xmlns=\"http://www.w3.org/2000/svg\" aria-hidden=\"true\" class=\"w-6 h-6 text-gray-800 dark:text-white\">\n <path clip-rule=\"evenodd\" d=\"M21.7 8.037a4.26 4.26 0 0 0-.789-1.964 2.84 2.84 0 0 0-1.984-.839c-2.767-.2-6.926-.2-6.926-.2s-4.157 0-6.928.2a2.836 2.836 0 0 0-1.983.839 4.225 4.225 0 0 0-.79 1.965 30.146 30.146 0 0 0-.2 3.206v1.5a30.12 30.12 0 0 0 .2 3.206c.094.712.364 1.39.784 1.972.604.536 1.38.837 2.187.848 1.583.151 6.731.2 6.731.2s4.161 0 6.928-.2a2.844 2.844 0 0 0 1.985-.84 4.27 4.27 0 0 0 .787-1.965 30.12 30.12 0 0 0 .2-3.206v-1.516a30.672 30.672 0 0 0-.202-3.206Zm-11.692 6.554v-5.62l5.4 2.819-5.4 2.801Z\" fill-rule=\"evenodd\"></path>\n </svg>\n</button>\n\n<button class=\"button\">\n <svg viewBox=\"0 0 24 24\" fill=\"currentColor\" height=\"24\" width=\"24\" xmlns=\"http://www.w3.org/2000/svg\" aria-hidden=\"true\" class=\"w-6 h-6 text-gray-800 dark:text-white\">\n <path clip-rule=\"evenodd\" d=\"M12.006 2a9.847 9.847 0 0 0-6.484 2.44 10.32 10.32 0 0 0-3.393 6.17 10.48 10.48 0 0 0 1.317 6.955 10.045 10.045 0 0 0 5.4 4.418c.504.095.683-.223.683-.494 0-.245-.01-1.052-.014-1.908-2.78.62-3.366-1.21-3.366-1.21a2.711 2.711 0 0 0-1.11-1.5c-.907-.637.07-.621.07-.621.317.044.62.163.885.346.266.183.487.426.647.71.135.253.318.476.538.655a2.079 2.079 0 0 0 2.37.196c.045-.52.27-1.006.635-1.37-2.219-.259-4.554-1.138-4.554-5.07a4.022 4.022 0 0 1 1.031-2.75 3.77 3.77 0 0 1 .096-2.713s.839-.275 2.749 1.05a9.26 9.26 0 0 1 5.004 0c1.906-1.325 2.74-1.05 2.74-1.05.37.858.406 1.828.101 2.713a4.017 4.017 0 0 1 1.029 2.75c0 3.939-2.339 4.805-4.564 5.058a2.471 2.471 0 0 1 .679 1.897c0 1.372-.012 2.477-.012 2.814 0 .272.18.592.687.492a10.05 10.05 0 0 0 5.388-4.421 10.473 10.473 0 0 0 1.313-6.948 10.32 10.32 0 0 0-3.39-6.165A9.847 9.847 0 0 0 12.007 2Z\" fill-rule=\"evenodd\"></path>\n </svg>\n</button>",
"css": "/* From Uiverse.io by asgardOP - Tags: icon, social, button, hover, dark, modern, social media, buttons */\n.button {\n cursor: pointer;\n width: 50px;\n height: 50px;\n border-radius: 50px;\n border: none;\n background: linear-gradient(120deg, #833ab4, #fd1d1d, #fcb045);\n position: relative;\n z-index: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n margin-left: 10px;\n transition: 0.1s;\n}\n.button svg {\n color: white;\n width: 30px;\n height: 30px;\n z-index: 9;\n}\n\n.button:nth-child(3) {\n background: linear-gradient(120deg, #02ff2c, #008a12);\n}\n\n.button:nth-child(4) {\n background: rgb(69, 187, 255);\n}\n\n.button:nth-child(5) {\n background: rgb(255, 33, 33);\n}\n\n.button:nth-child(6) {\n background: black;\n}\n\n.button:active {\n transform: scale(0.85);\n}\n\n.button::before {\n content: \"\";\n position: absolute;\n width: 55px;\n height: 55px;\n background-color: #212121;\n border-radius: 50px;\n z-index: -1;\n border: 0px solid rgba(255, 255, 255, 0.411);\n transition: 0.4s;\n}\n\n.button:hover::before {\n width: 0px;\n height: 0px;\n}",
"file_path": "/mnt/persist/workspace/Buttons/asgardOP_smart-skunk-78.html"
},
"uniapp": {
"template": "<button class=\"button\"></button>\n <view viewBox=\"0 0 24 24\" fill=\"none\" height=\"24\" width=\"24\" xmlns=\"http://www.w3.org/2000/svg\" aria-hidden=\"true\" class=\"w-6 h-6 text-gray-800 dark:text-white\"></view>\n <path clip-rule=\"evenodd\" d=\"M3 8a5 5 0 0 1 5-5h8a5 5 0 0 1 5 5v8a5 5 0 0 1-5 5H8a5 5 0 0 1-5-5V8Zm5-3a3 3 0 0 0-3 3v8a3 3 0 0 0 3 3h8a3 3 0 0 0 3-3V8a3 3 0 0 0-3-3H8Zm7.597 2.214a1 1 0 0 1 1-1h.01a1 1 0 1 1 0 2h-.01a1 1 0 0 1-1-1ZM12 9a3 3 0 1 0 0 6 3 3 0 0 0 0-6Zm-5 3a5 5 0 1 1 10 0 5 5 0 0 1-10 0Z\" fill-rule=\"evenodd\" fill=\"currentColor\"></path>\n </svg>\n</button>\n<button class=\"button\"></button>\n <view viewBox=\"0 0 24 24\" fill=\"none\" height=\"24\" width=\"24\" xmlns=\"http://www.w3.org/2000/svg\" aria-hidden=\"true\" class=\"w-6 h-6 text-gray-800 dark:text-white\"></view>\n <path clip-rule=\"evenodd\" d=\"M12 4a8 8 0 0 0-6.895 12.06l.569.718-.697 2.359 2.32-.648.379.243A8 8 0 1 0 12 4ZM2 12C2 6.477 6.477 2 12 2s10 4.477 10 10-4.477 10-10 10a9.96 9.96 0 0 1-5.016-1.347l-4.948 1.382 1.426-4.829-.006-.007-.033-.055A9.958 9.958 0 0 1 2 12Z\" fill-rule=\"evenodd\" fill=\"currentColor\"></path>\n <path d=\"M16.735 13.492c-.038-.018-1.497-.736-1.756-.83a1.008 1.008 0 0 0-.34-.075c-.196 0-.362.098-.49.291-.146.217-.587.732-.723.886-.018.02-.042.045-.057.045-.013 0-.239-.093-.307-.123-1.564-.68-2.751-2.313-2.914-2.589-.023-.04-.024-.057-.024-.057.005-.021.058-.074.085-.101.08-.079.166-.182.249-.283l.117-.14c.121-.14.175-.25.237-.375l.033-.066a.68.68 0 0 0-.02-.64c-.034-.069-.65-1.555-.715-1.711-.158-.377-.366-.552-.655-.552-.027 0 0 0-.112.005-.137.005-.883.104-1.213.311-.35.22-.94.924-.94 2.16 0 1.112.705 2.162 1.008 2.561l.041.06c1.161 1.695 2.608 2.951 4.074 3.537 1.412.564 2.081.63 2.461.63.16 0 .288-.013.4-.024l.072-.007c.488-.043 1.56-.599 1.804-1.276.192-.534.243-1.117.115-1.329-.088-.144-.239-.216-.43-.308Z\" fill=\"currentColor\"></path>\n </svg>\n</button>\n\n<button class=\"button\"></button>\n <view viewBox=\"0 0 24 24\" fill=\"currentColor\" height=\"24\" width=\"24\" xmlns=\"http://www.w3.org/2000/svg\" aria-hidden=\"true\" class=\"w-6 h-6 text-gray-800 dark:text-white\"></view>\n <path clip-rule=\"evenodd\" d=\"M22 5.892a8.178 8.178 0 0 1-2.355.635 4.074 4.074 0 0 0 1.8-2.235 8.343 8.343 0 0 1-2.605.981A4.13 4.13 0 0 0 15.85 4a4.068 4.068 0 0 0-4.1 4.038c0 .31.035.618.105.919A11.705 11.705 0 0 1 3.4 4.734a4.006 4.006 0 0 0 1.268 5.392 4.165 4.165 0 0 1-1.859-.5v.05A4.057 4.057 0 0 0 6.1 13.635a4.192 4.192 0 0 1-1.856.07 4.108 4.108 0 0 0 3.831 2.807A8.36 8.36 0 0 1 2 18.184 11.732 11.732 0 0 0 8.291 20 11.502 11.502 0 0 0 19.964 8.5c0-.177 0-.349-.012-.523A8.143 8.143 0 0 0 22 5.892Z\" fill-rule=\"evenodd\"></path>\n </svg>\n</button>\n\n<button class=\"button\"></button>\n <view viewBox=\"0 0 24 24\" fill=\"currentColor\" height=\"24\" width=\"24\" xmlns=\"http://www.w3.org/2000/svg\" aria-hidden=\"true\" class=\"w-6 h-6 text-gray-800 dark:text-white\"></view>\n <path clip-rule=\"evenodd\" d=\"M21.7 8.037a4.26 4.26 0 0 0-.789-1.964 2.84 2.84 0 0 0-1.984-.839c-2.767-.2-6.926-.2-6.926-.2s-4.157 0-6.928.2a2.836 2.836 0 0 0-1.983.839 4.225 4.225 0 0 0-.79 1.965 30.146 30.146 0 0 0-.2 3.206v1.5a30.12 30.12 0 0 0 .2 3.206c.094.712.364 1.39.784 1.972.604.536 1.38.837 2.187.848 1.583.151 6.731.2 6.731.2s4.161 0 6.928-.2a2.844 2.844 0 0 0 1.985-.84 4.27 4.27 0 0 0 .787-1.965 30.12 30.12 0 0 0 .2-3.206v-1.516a30.672 30.672 0 0 0-.202-3.206Zm-11.692 6.554v-5.62l5.4 2.819-5.4 2.801Z\" fill-rule=\"evenodd\"></path>\n </svg>\n</button>\n\n<button class=\"button\"></button>\n <view viewBox=\"0 0 24 24\" fill=\"currentColor\" height=\"24\" width=\"24\" xmlns=\"http://www.w3.org/2000/svg\" aria-hidden=\"true\" class=\"w-6 h-6 text-gray-800 dark:text-white\"></view>\n <path clip-rule=\"evenodd\" d=\"M12.006 2a9.847 9.847 0 0 0-6.484 2.44 10.32 10.32 0 0 0-3.393 6.17 10.48 10.48 0 0 0 1.317 6.955 10.045 10.045 0 0 0 5.4 4.418c.504.095.683-.223.683-.494 0-.245-.01-1.052-.014-1.908-2.78.62-3.366-1.21-3.366-1.21a2.711 2.711 0 0 0-1.11-1.5c-.907-.637.07-.621.07-.621.317.044.62.163.885.346.266.183.487.426.647.71.135.253.318.476.538.655a2.079 2.079 0 0 0 2.37.196c.045-.52.27-1.006.635-1.37-2.219-.259-4.554-1.138-4.554-5.07a4.022 4.022 0 0 1 1.031-2.75 3.77 3.77 0 0 1 .096-2.713s.839-.275 2.749 1.05a9.26 9.26 0 0 1 5.004 0c1.906-1.325 2.74-1.05 2.74-1.05.37.858.406 1.828.101 2.713a4.017 4.017 0 0 1 1.029 2.75c0 3.939-2.339 4.805-4.564 5.058a2.471 2.471 0 0 1 .679 1.897c0 1.372-.012 2.477-.012 2.814 0 .272.18.592.687.492a10.05 10.05 0 0 0 5.388-4.421 10.473 10.473 0 0 0 1.313-6.948 10.32 10.32 0 0 0-3.39-6.165A9.847 9.847 0 0 0 12.007 2Z\" fill-rule=\"evenodd\"></path>\n </svg>\n</button>",
"script": "export default {\n name: 'GalaxySmartSkunk78',\n props: {\n // 根据组件类型动态生成props\n },\n data() {\n return {\n // 组件状态\n };\n },\n methods: {\n // 组件方法\n }\n}",
"style": "\n/* From Uiverse.io by asgardOP - Tags: icon, social, button, hover, dark, modern, social media, buttons */\n.button {\n /* #ifdef H5 */\n cursor: pointer;\n /* #endif */\n width: 100rpx;\n height: 100rpx;\n border-radius: 100rpx;\n border: none;\n background: linear-gradient(120deg, #833ab4, #fd1d1d, #fcb045);\n position: relative;\n z-index: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n margin-left: 20rpx;\n transition: 0.1s;\n}\n.button svg {\n color: white;\n width: 60rpx;\n height: 60rpx;\n z-index: 9;\n}\n\n.button:nth-child(3) {\n background: linear-gradient(120deg, #02ff2c, #008a12);\n}\n\n.button:nth-child(4) {\n background: rgb(69, 187, 255);\n}\n\n.button:nth-child(5) {\n background: rgb(255, 33, 33);\n}\n\n.button:nth-child(6) {\n background: black;\n}\n\n.button:active {\n transform: scale(0.85);\n}\n\n.button::before {\n content: \"\";\n position: absolute;\n width: 110rpx;\n height: 110rpx;\n background-color: #212121;\n border-radius: 100rpx;\n z-index: -1;\n border: 0rpx solid rgba(255, 255, 255, 0.411);\n transition: 0.4s;\n}\n\n.button:hover::before {\n width: 0rpx;\n height: 0rpx;\n}\n\n",
"component_name": "GalaxySmartSkunk78"
},
"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": 5569,
"render_cost": "medium",
"memory_usage": "medium"
},
"dependencies": [],
"examples": [
{
"title": "",
"description": "",
"code": ""
}
],
"created_at": "2025-07-31T07:55:35.808Z",
"updated_at": "2025-07-31T07:55:35.808Z"
}