galaxy-uniapp-mcp-server
Version:
Galaxy组件库到UniApp组件转换MCP服务器 - 支持跨平台组件转换、兼容性分析和项目集成
118 lines • 6.97 kB
JSON
{
"id": "vinodjangid07_helpless-starfish-55",
"name": "helpless-starfish-55",
"category": "buttons",
"author": "vinodjangid07",
"description": "helpless-starfish-55 组件 (icon, button, dark, download, hover effect, play-store, interactive)",
"tags": [
"icon",
"button",
"dark",
"download",
"hover effect",
"play-store",
"interactive"
],
"original": {
"html": "<button class=\"appstore-button\">\n <svg viewBox=\"0 0 24 24\">\n <g id=\"SVGRepo_bgCarrier\" stroke-width=\"0\"></g>\n <g id=\"SVGRepo_tracerCarrier\" stroke-linecap=\"round\" stroke-linejoin=\"round\"></g>\n <g id=\"SVGRepo_iconCarrier\">\n <path d=\"M18.71 19.5C17.88 20.74 17 21.95 15.66 21.97C14.32 22 13.89 21.18 12.37 21.18C10.84 21.18 10.37 21.95 9.09997 22C7.78997 22.05 6.79997 20.68 5.95997 19.47C4.24997 17 2.93997 12.45 4.69997 9.39C5.56997 7.87 7.12997 6.91 8.81997 6.88C10.1 6.86 11.32 7.75 12.11 7.75C12.89 7.75 14.37 6.68 15.92 6.84C16.57 6.87 18.39 7.1 19.56 8.82C19.47 8.88 17.39 10.1 17.41 12.63C17.44 15.65 20.06 16.66 20.09 16.67C20.06 16.74 19.67 18.11 18.71 19.5ZM13 3.5C13.73 2.67 14.94 2.04 15.94 2C16.07 3.17 15.6 4.35 14.9 5.19C14.21 6.04 13.07 6.7 11.95 6.61C11.8 5.46 12.36 4.26 13 3.5Z\"></path>\n </g>\n </svg>\n <span class=\"button-text\">\n <span class=\"top-text\">Download on the</span>\n <span class=\"bottom-text\">App Store</span>\n </span>\n</button>",
"css": "/* From Uiverse.io by vinodjangid07 - Tags: icon, button, dark, download, hover effect, play-store */\n.appstore-button {\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 10px 12px;\n border: 3px solid rgb(189, 189, 189);\n background-color: rgb(15, 15, 15);\n border-radius: 15px;\n gap: 5px;\n cursor: pointer;\n transition: all 0.3s;\n box-shadow: 0px 0px 100px -30px rgb(255, 255, 255);\n}\n.appstore-button svg {\n width: 45px;\n}\n.appstore-button svg path {\n fill: white;\n transition: all 0.3s;\n}\n.button-text {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n justify-content: center;\n color: white;\n transition: all 0.3s;\n}\n.top-text {\n font-size: 13px;\n font-weight: 600;\n}\n.bottom-text {\n font-size: 24px;\n font-weight: 600;\n}\n\n.appstore-button:hover {\n background-color: rgb(236, 236, 236);\n border: 3px solid rgb(138, 138, 138);\n}\n.appstore-button:hover .button-text {\n color: black;\n}\n.appstore-button:hover svg path {\n fill: black;\n}",
"file_path": "/mnt/persist/workspace/Buttons/vinodjangid07_helpless-starfish-55.html"
},
"uniapp": {
"template": "<button class=\"appstore-button\"></button>\n <view viewBox=\"0 0 24 24\"></view>\n <g id=\"SVGRepo_bgCarrier\" stroke-width=\"0\"></g>\n <g id=\"SVGRepo_tracerCarrier\" stroke-linecap=\"round\" stroke-linejoin=\"round\"></g>\n <g id=\"SVGRepo_iconCarrier\">\n <path d=\"M18.71 19.5C17.88 20.74 17 21.95 15.66 21.97C14.32 22 13.89 21.18 12.37 21.18C10.84 21.18 10.37 21.95 9.09997 22C7.78997 22.05 6.79997 20.68 5.95997 19.47C4.24997 17 2.93997 12.45 4.69997 9.39C5.56997 7.87 7.12997 6.91 8.81997 6.88C10.1 6.86 11.32 7.75 12.11 7.75C12.89 7.75 14.37 6.68 15.92 6.84C16.57 6.87 18.39 7.1 19.56 8.82C19.47 8.88 17.39 10.1 17.41 12.63C17.44 15.65 20.06 16.66 20.09 16.67C20.06 16.74 19.67 18.11 18.71 19.5ZM13 3.5C13.73 2.67 14.94 2.04 15.94 2C16.07 3.17 15.6 4.35 14.9 5.19C14.21 6.04 13.07 6.7 11.95 6.61C11.8 5.46 12.36 4.26 13 3.5Z\"></path>\n </g>\n </svg>\n <text class=\"button-text\"></text>\n <text class=\"top-text\">Download on the</text>\n <text class=\"bottom-text\">App Store</text>\n </span>\n</button>",
"script": "export default {\n name: 'GalaxyHelplessStarfish55',\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, button, dark, download, hover effect, play-store */\n.appstore-button {\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 20rpx 24rpx;\n border: 6rpx solid rgb(189, 189, 189);\n background-color: rgb(15, 15, 15);\n border-radius: 30rpx;\n gap: 10rpx;\n /* #ifdef H5 */\n cursor: pointer;\n /* #endif */\n transition: all 0.3s;\n /* #ifdef H5 */\n /* #ifdef H5 */\n box-shadow: 0rpx 0rpx 200rpx -60rpx rgb(255, 255, 255);\n /* #endif */\n /* #ifdef MP */\n border: 1rpx solid rgba(0,0,0,0.1);\n /* #endif */\n /* #endif */\n}\n.appstore-button svg {\n width: 90rpx;\n}\n.appstore-button svg path {\n fill: white;\n transition: all 0.3s;\n}\n.button-text {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n justify-content: center;\n color: white;\n transition: all 0.3s;\n}\n.top-text {\n font-size: 26rpx;\n font-weight: 600;\n}\n.bottom-text {\n font-size: 48rpx;\n font-weight: 600;\n}\n\n.appstore-button:hover {\n background-color: rgb(236, 236, 236);\n border: 6rpx solid rgb(138, 138, 138);\n}\n.appstore-button:hover .button-text {\n color: black;\n}\n.appstore-button:hover svg path {\n fill: black;\n}\n\n",
"component_name": "GalaxyHelplessStarfish55"
},
"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": "low",
"bundle_size": 2001,
"render_cost": "low",
"memory_usage": "low"
},
"dependencies": [],
"examples": [
{
"title": "",
"description": "",
"code": ""
}
],
"created_at": "2025-07-31T07:55:38.144Z",
"updated_at": "2025-07-31T07:55:38.144Z"
}