galaxy-uniapp-mcp-server
Version:
Galaxy组件库到UniApp组件转换MCP服务器 - 支持跨平台组件转换、兼容性分析和项目集成
85 lines • 6.04 kB
JSON
{
"id": "JorginoSerra_chatty-earwig-93",
"name": "chatty-earwig-93",
"category": "loaders",
"author": "JorginoSerra",
"description": "chatty-earwig-93 组件 (loader, animation)",
"tags": [
"loader",
"animation"
],
"original": {
"html": "<div id=\"js-preloader\" class=\"js-preloader\">\n <div class=\"preloader-inner\">\n <span class=\"dot\"></span>\n <div class=\"dots\">\n <span></span>\n <span></span>\n <span></span>\n </div>\n </div>\n </div>",
"css": "/* From Uiverse.io by JorginoSerra - Tags: loader */\n/* \n---------------------------------------------\nLoader Style\n--------------------------------------------- \n*/\n\n.js-preloader {\n /* You must change postion:relative; for position:fixed; */\n position: relative;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n display: -webkit-box;\n display: flex;\n -webkit-box-align: center;\n align-items: center;\n -webkit-box-pack: center;\n justify-content: center;\n opacity: 1;\n visibility: visible;\n z-index: 9999;\n -webkit-transition: opacity 0.25s ease;\n transition: opacity 0.25s ease;\n}\n\n.js-preloader.loaded {\n opacity: 0;\n visibility: hidden;\n pointer-events: none;\n}\n\n@keyframes dot8567 {\n 50% {\n -webkit-transform: translateX(96px);\n transform: translateX(96px);\n }\n}\n\n@keyframes dots723423 {\n 50% {\n -webkit-transform: translateX(-31px);\n transform: translateX(-31px);\n }\n}\n\n.preloader-inner {\n position: relative;\n width: 142px;\n height: 40px;\n background: transparent;\n}\n\n.preloader-inner .dot {\n position: absolute;\n width: 16px;\n height: 16px;\n top: 12px;\n left: 15px;\n background: #e75e8d;\n border-radius: 50%;\n -webkit-transform: translateX(0);\n transform: translateX(0);\n -webkit-animation: dot8567 2.8s infinite;\n animation: dot8567 2.8s infinite;\n}\n\n.preloader-inner .dots {\n -webkit-transform: translateX(0);\n transform: translateX(0);\n margin-top: 12px;\n margin-left: 31px;\n -webkit-animation: dots723423 2.8s infinite;\n animation: dots723423 2.8s infinite;\n}\n\n.preloader-inner .dots span {\n display: block;\n float: left;\n width: 16px;\n height: 16px;\n margin-left: 16px;\n background: #e75e8d;\n border-radius: 50%;\n}",
"file_path": "/mnt/persist/workspace/loaders/JorginoSerra_chatty-earwig-93.html"
},
"uniapp": {
"template": "<view id=\"js-preloader\" class=\"js-preloader\"></view>\n <view class=\"preloader-inner\"></view>\n <text class=\"dot\"></text>\n <view class=\"dots\"></view>\n <text></text>\n <text></text>\n <text></text>\n </div>\n </div>\n </div>",
"script": "export default {\n name: 'GalaxyChattyEarwig93',\n props: {\n // 根据组件类型动态生成props\n },\n data() {\n return {\n // 组件状态\n };\n },\n methods: {\n // 组件方法\n }\n}",
"style": "\n/* From Uiverse.io by JorginoSerra - Tags: loader */\n/* \n---------------------------------------------\nLoader Style\n--------------------------------------------- \n*/\n\n.js-preloader {\n /* You must change postion:relative; for position:fixed; */\n position: relative;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n display: -webkit-box;\n display: flex;\n -webkit-box-align: center;\n align-items: center;\n -webkit-box-pack: center;\n justify-content: center;\n opacity: 1;\n visibility: visible;\n z-index: 9999;\n -webkit-transition: opacity 0.25s ease;\n transition: opacity 0.25s ease;\n}\n\n.js-preloader.loaded {\n opacity: 0;\n visibility: hidden;\n pointer-events: none;\n}\n\n@keyframes dot8567 {\n 50% {\n -webkit-transform: translateX(192rpx);\n transform: translateX(192rpx);\n }\n}\n\n@keyframes dots723423 {\n 50% {\n -webkit-transform: translateX(-62rpx);\n transform: translateX(-62rpx);\n }\n}\n\n.preloader-inner {\n position: relative;\n width: 284rpx;\n height: 80rpx;\n background: transparent;\n}\n\n.preloader-inner .dot {\n position: absolute;\n width: 32rpx;\n height: 32rpx;\n top: 24rpx;\n left: 30rpx;\n background: #e75e8d;\n border-radius: 50%;\n -webkit-transform: translateX(0);\n transform: translateX(0);\n -webkit-animation: dot8567 2.8s infinite;\n animation: dot8567 2.8s infinite;\n}\n\n.preloader-inner .dots {\n -webkit-transform: translateX(0);\n transform: translateX(0);\n margin-top: 24rpx;\n margin-left: 62rpx;\n -webkit-animation: dots723423 2.8s infinite;\n animation: dots723423 2.8s infinite;\n}\n\n.preloader-inner .dots span {\n display: block;\n float: left;\n width: 32rpx;\n height: 32rpx;\n margin-left: 32rpx;\n background: #e75e8d;\n border-radius: 50%;\n}\n\n",
"component_name": "GalaxyChattyEarwig93"
},
"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": "是否禁用"
}
],
"events": [],
"slots": [
{
"name": "",
"description": "",
"props": []
}
],
"compatibility": {
"h5": {
"supported": true,
"issues": [],
"alternatives": []
},
"mp-weixin": {
"supported": true,
"issues": [],
"alternatives": []
},
"mp-alipay": {
"supported": true,
"issues": [],
"alternatives": []
},
"app-plus": {
"supported": true,
"issues": [],
"alternatives": []
}
},
"performance": {
"complexity": "medium",
"bundle_size": 1958,
"render_cost": "medium",
"memory_usage": "medium"
},
"dependencies": [],
"examples": [
{
"title": "",
"description": "",
"code": ""
}
],
"created_at": "2025-07-31T07:55:39.561Z",
"updated_at": "2025-07-31T07:55:39.561Z"
}