galaxy-uniapp-mcp-server
Version:
Galaxy组件库到UniApp组件转换MCP服务器 - 支持跨平台组件转换、兼容性分析和项目集成
92 lines • 19.3 kB
JSON
{
"id": "Nawsome_curly-goose-54",
"name": "curly-goose-54",
"category": "loaders",
"author": "Nawsome",
"description": "curly-goose-54 组件 (blue, loader, book, animation, gradient)",
"tags": [
"blue",
"loader",
"book",
"animation",
"gradient"
],
"original": {
"html": "<div class=\"loader\">\n <div>\n <ul>\n <li>\n <svg fill=\"currentColor\" viewBox=\"0 0 90 120\">\n <path d=\"M90,0 L90,120 L11,120 C4.92486775,120 0,115.075132 0,109 L0,11 C0,4.92486775 4.92486775,0 11,0 L90,0 Z M71.5,81 L18.5,81 C17.1192881,81 16,82.1192881 16,83.5 C16,84.8254834 17.0315359,85.9100387 18.3356243,85.9946823 L18.5,86 L71.5,86 C72.8807119,86 74,84.8807119 74,83.5 C74,82.1745166 72.9684641,81.0899613 71.6643757,81.0053177 L71.5,81 Z M71.5,57 L18.5,57 C17.1192881,57 16,58.1192881 16,59.5 C16,60.8254834 17.0315359,61.9100387 18.3356243,61.9946823 L18.5,62 L71.5,62 C72.8807119,62 74,60.8807119 74,59.5 C74,58.1192881 72.8807119,57 71.5,57 Z M71.5,33 L18.5,33 C17.1192881,33 16,34.1192881 16,35.5 C16,36.8254834 17.0315359,37.9100387 18.3356243,37.9946823 L18.5,38 L71.5,38 C72.8807119,38 74,36.8807119 74,35.5 C74,34.1192881 72.8807119,33 71.5,33 Z\"></path>\n </svg>\n </li>\n <li>\n <svg fill=\"currentColor\" viewBox=\"0 0 90 120\">\n <path d=\"M90,0 L90,120 L11,120 C4.92486775,120 0,115.075132 0,109 L0,11 C0,4.92486775 4.92486775,0 11,0 L90,0 Z M71.5,81 L18.5,81 C17.1192881,81 16,82.1192881 16,83.5 C16,84.8254834 17.0315359,85.9100387 18.3356243,85.9946823 L18.5,86 L71.5,86 C72.8807119,86 74,84.8807119 74,83.5 C74,82.1745166 72.9684641,81.0899613 71.6643757,81.0053177 L71.5,81 Z M71.5,57 L18.5,57 C17.1192881,57 16,58.1192881 16,59.5 C16,60.8254834 17.0315359,61.9100387 18.3356243,61.9946823 L18.5,62 L71.5,62 C72.8807119,62 74,60.8807119 74,59.5 C74,58.1192881 72.8807119,57 71.5,57 Z M71.5,33 L18.5,33 C17.1192881,33 16,34.1192881 16,35.5 C16,36.8254834 17.0315359,37.9100387 18.3356243,37.9946823 L18.5,38 L71.5,38 C72.8807119,38 74,36.8807119 74,35.5 C74,34.1192881 72.8807119,33 71.5,33 Z\"></path>\n </svg>\n </li>\n <li>\n <svg fill=\"currentColor\" viewBox=\"0 0 90 120\">\n <path d=\"M90,0 L90,120 L11,120 C4.92486775,120 0,115.075132 0,109 L0,11 C0,4.92486775 4.92486775,0 11,0 L90,0 Z M71.5,81 L18.5,81 C17.1192881,81 16,82.1192881 16,83.5 C16,84.8254834 17.0315359,85.9100387 18.3356243,85.9946823 L18.5,86 L71.5,86 C72.8807119,86 74,84.8807119 74,83.5 C74,82.1745166 72.9684641,81.0899613 71.6643757,81.0053177 L71.5,81 Z M71.5,57 L18.5,57 C17.1192881,57 16,58.1192881 16,59.5 C16,60.8254834 17.0315359,61.9100387 18.3356243,61.9946823 L18.5,62 L71.5,62 C72.8807119,62 74,60.8807119 74,59.5 C74,58.1192881 72.8807119,57 71.5,57 Z M71.5,33 L18.5,33 C17.1192881,33 16,34.1192881 16,35.5 C16,36.8254834 17.0315359,37.9100387 18.3356243,37.9946823 L18.5,38 L71.5,38 C72.8807119,38 74,36.8807119 74,35.5 C74,34.1192881 72.8807119,33 71.5,33 Z\"></path>\n </svg>\n </li>\n <li>\n <svg fill=\"currentColor\" viewBox=\"0 0 90 120\">\n <path d=\"M90,0 L90,120 L11,120 C4.92486775,120 0,115.075132 0,109 L0,11 C0,4.92486775 4.92486775,0 11,0 L90,0 Z M71.5,81 L18.5,81 C17.1192881,81 16,82.1192881 16,83.5 C16,84.8254834 17.0315359,85.9100387 18.3356243,85.9946823 L18.5,86 L71.5,86 C72.8807119,86 74,84.8807119 74,83.5 C74,82.1745166 72.9684641,81.0899613 71.6643757,81.0053177 L71.5,81 Z M71.5,57 L18.5,57 C17.1192881,57 16,58.1192881 16,59.5 C16,60.8254834 17.0315359,61.9100387 18.3356243,61.9946823 L18.5,62 L71.5,62 C72.8807119,62 74,60.8807119 74,59.5 C74,58.1192881 72.8807119,57 71.5,57 Z M71.5,33 L18.5,33 C17.1192881,33 16,34.1192881 16,35.5 C16,36.8254834 17.0315359,37.9100387 18.3356243,37.9946823 L18.5,38 L71.5,38 C72.8807119,38 74,36.8807119 74,35.5 C74,34.1192881 72.8807119,33 71.5,33 Z\"></path>\n </svg>\n </li>\n <li>\n <svg fill=\"currentColor\" viewBox=\"0 0 90 120\">\n <path d=\"M90,0 L90,120 L11,120 C4.92486775,120 0,115.075132 0,109 L0,11 C0,4.92486775 4.92486775,0 11,0 L90,0 Z M71.5,81 L18.5,81 C17.1192881,81 16,82.1192881 16,83.5 C16,84.8254834 17.0315359,85.9100387 18.3356243,85.9946823 L18.5,86 L71.5,86 C72.8807119,86 74,84.8807119 74,83.5 C74,82.1745166 72.9684641,81.0899613 71.6643757,81.0053177 L71.5,81 Z M71.5,57 L18.5,57 C17.1192881,57 16,58.1192881 16,59.5 C16,60.8254834 17.0315359,61.9100387 18.3356243,61.9946823 L18.5,62 L71.5,62 C72.8807119,62 74,60.8807119 74,59.5 C74,58.1192881 72.8807119,57 71.5,57 Z M71.5,33 L18.5,33 C17.1192881,33 16,34.1192881 16,35.5 C16,36.8254834 17.0315359,37.9100387 18.3356243,37.9946823 L18.5,38 L71.5,38 C72.8807119,38 74,36.8807119 74,35.5 C74,34.1192881 72.8807119,33 71.5,33 Z\"></path>\n </svg>\n </li>\n <li>\n <svg fill=\"currentColor\" viewBox=\"0 0 90 120\">\n <path d=\"M90,0 L90,120 L11,120 C4.92486775,120 0,115.075132 0,109 L0,11 C0,4.92486775 4.92486775,0 11,0 L90,0 Z M71.5,81 L18.5,81 C17.1192881,81 16,82.1192881 16,83.5 C16,84.8254834 17.0315359,85.9100387 18.3356243,85.9946823 L18.5,86 L71.5,86 C72.8807119,86 74,84.8807119 74,83.5 C74,82.1745166 72.9684641,81.0899613 71.6643757,81.0053177 L71.5,81 Z M71.5,57 L18.5,57 C17.1192881,57 16,58.1192881 16,59.5 C16,60.8254834 17.0315359,61.9100387 18.3356243,61.9946823 L18.5,62 L71.5,62 C72.8807119,62 74,60.8807119 74,59.5 C74,58.1192881 72.8807119,57 71.5,57 Z M71.5,33 L18.5,33 C17.1192881,33 16,34.1192881 16,35.5 C16,36.8254834 17.0315359,37.9100387 18.3356243,37.9946823 L18.5,38 L71.5,38 C72.8807119,38 74,36.8807119 74,35.5 C74,34.1192881 72.8807119,33 71.5,33 Z\"></path>\n </svg>\n </li>\n </ul>\n </div><span>Loading</span></div>",
"css": "/* From Uiverse.io by Nawsome - Tags: blue, loader, book */\n.loader {\n --background: linear-gradient(135deg, #23C4F8, #275EFE);\n --shadow: rgba(39, 94, 254, 0.28);\n --text: #6C7486;\n --page: rgba(255, 255, 255, 0.36);\n --page-fold: rgba(255, 255, 255, 0.52);\n --duration: 3s;\n width: 200px;\n height: 140px;\n position: relative;\n}\n\n.loader:before, .loader:after {\n --r: -6deg;\n content: \"\";\n position: absolute;\n bottom: 8px;\n width: 120px;\n top: 80%;\n box-shadow: 0 16px 12px var(--shadow);\n transform: rotate(var(--r));\n}\n\n.loader:before {\n left: 4px;\n}\n\n.loader:after {\n --r: 6deg;\n right: 4px;\n}\n\n.loader div {\n width: 100%;\n height: 100%;\n border-radius: 13px;\n position: relative;\n z-index: 1;\n perspective: 600px;\n box-shadow: 0 4px 6px var(--shadow);\n background-image: var(--background);\n}\n\n.loader div ul {\n margin: 0;\n padding: 0;\n list-style: none;\n position: relative;\n}\n\n.loader div ul li {\n --r: 180deg;\n --o: 0;\n --c: var(--page);\n position: absolute;\n top: 10px;\n left: 10px;\n transform-origin: 100% 50%;\n color: var(--c);\n opacity: var(--o);\n transform: rotateY(var(--r));\n -webkit-animation: var(--duration) ease infinite;\n animation: var(--duration) ease infinite;\n}\n\n.loader div ul li:nth-child(2) {\n --c: var(--page-fold);\n -webkit-animation-name: page-2;\n animation-name: page-2;\n}\n\n.loader div ul li:nth-child(3) {\n --c: var(--page-fold);\n -webkit-animation-name: page-3;\n animation-name: page-3;\n}\n\n.loader div ul li:nth-child(4) {\n --c: var(--page-fold);\n -webkit-animation-name: page-4;\n animation-name: page-4;\n}\n\n.loader div ul li:nth-child(5) {\n --c: var(--page-fold);\n -webkit-animation-name: page-5;\n animation-name: page-5;\n}\n\n.loader div ul li svg {\n width: 90px;\n height: 120px;\n display: block;\n}\n\n.loader div ul li:first-child {\n --r: 0deg;\n --o: 1;\n}\n\n.loader div ul li:last-child {\n --o: 1;\n}\n\n.loader span {\n display: block;\n left: 0;\n right: 0;\n top: 100%;\n margin-top: 20px;\n text-align: center;\n color: var(--text);\n}\n\n@keyframes page-2 {\n 0% {\n transform: rotateY(180deg);\n opacity: 0;\n }\n\n 20% {\n opacity: 1;\n }\n\n 35%, 100% {\n opacity: 0;\n }\n\n 50%, 100% {\n transform: rotateY(0deg);\n }\n}\n\n@keyframes page-3 {\n 15% {\n transform: rotateY(180deg);\n opacity: 0;\n }\n\n 35% {\n opacity: 1;\n }\n\n 50%, 100% {\n opacity: 0;\n }\n\n 65%, 100% {\n transform: rotateY(0deg);\n }\n}\n\n@keyframes page-4 {\n 30% {\n transform: rotateY(180deg);\n opacity: 0;\n }\n\n 50% {\n opacity: 1;\n }\n\n 65%, 100% {\n opacity: 0;\n }\n\n 80%, 100% {\n transform: rotateY(0deg);\n }\n}\n\n@keyframes page-5 {\n 45% {\n transform: rotateY(180deg);\n opacity: 0;\n }\n\n 65% {\n opacity: 1;\n }\n\n 80%, 100% {\n opacity: 0;\n }\n\n 95%, 100% {\n transform: rotateY(0deg);\n }\n}",
"file_path": "/mnt/persist/workspace/loaders/Nawsome_curly-goose-54.html"
},
"uniapp": {
"template": "<view class=\"loader\"></view>\n <view></view>\n <view></view>\n <view></view>\n <view fill=\"currentColor\" viewBox=\"0 0 90 120\"></view>\n <path d=\"M90,0 L90,120 L11,120 C4.92486775,120 0,115.075132 0,109 L0,11 C0,4.92486775 4.92486775,0 11,0 L90,0 Z M71.5,81 L18.5,81 C17.1192881,81 16,82.1192881 16,83.5 C16,84.8254834 17.0315359,85.9100387 18.3356243,85.9946823 L18.5,86 L71.5,86 C72.8807119,86 74,84.8807119 74,83.5 C74,82.1745166 72.9684641,81.0899613 71.6643757,81.0053177 L71.5,81 Z M71.5,57 L18.5,57 C17.1192881,57 16,58.1192881 16,59.5 C16,60.8254834 17.0315359,61.9100387 18.3356243,61.9946823 L18.5,62 L71.5,62 C72.8807119,62 74,60.8807119 74,59.5 C74,58.1192881 72.8807119,57 71.5,57 Z M71.5,33 L18.5,33 C17.1192881,33 16,34.1192881 16,35.5 C16,36.8254834 17.0315359,37.9100387 18.3356243,37.9946823 L18.5,38 L71.5,38 C72.8807119,38 74,36.8807119 74,35.5 C74,34.1192881 72.8807119,33 71.5,33 Z\"></path>\n </svg>\n </li>\n <view></view>\n <view fill=\"currentColor\" viewBox=\"0 0 90 120\"></view>\n <path d=\"M90,0 L90,120 L11,120 C4.92486775,120 0,115.075132 0,109 L0,11 C0,4.92486775 4.92486775,0 11,0 L90,0 Z M71.5,81 L18.5,81 C17.1192881,81 16,82.1192881 16,83.5 C16,84.8254834 17.0315359,85.9100387 18.3356243,85.9946823 L18.5,86 L71.5,86 C72.8807119,86 74,84.8807119 74,83.5 C74,82.1745166 72.9684641,81.0899613 71.6643757,81.0053177 L71.5,81 Z M71.5,57 L18.5,57 C17.1192881,57 16,58.1192881 16,59.5 C16,60.8254834 17.0315359,61.9100387 18.3356243,61.9946823 L18.5,62 L71.5,62 C72.8807119,62 74,60.8807119 74,59.5 C74,58.1192881 72.8807119,57 71.5,57 Z M71.5,33 L18.5,33 C17.1192881,33 16,34.1192881 16,35.5 C16,36.8254834 17.0315359,37.9100387 18.3356243,37.9946823 L18.5,38 L71.5,38 C72.8807119,38 74,36.8807119 74,35.5 C74,34.1192881 72.8807119,33 71.5,33 Z\"></path>\n </svg>\n </li>\n <view></view>\n <view fill=\"currentColor\" viewBox=\"0 0 90 120\"></view>\n <path d=\"M90,0 L90,120 L11,120 C4.92486775,120 0,115.075132 0,109 L0,11 C0,4.92486775 4.92486775,0 11,0 L90,0 Z M71.5,81 L18.5,81 C17.1192881,81 16,82.1192881 16,83.5 C16,84.8254834 17.0315359,85.9100387 18.3356243,85.9946823 L18.5,86 L71.5,86 C72.8807119,86 74,84.8807119 74,83.5 C74,82.1745166 72.9684641,81.0899613 71.6643757,81.0053177 L71.5,81 Z M71.5,57 L18.5,57 C17.1192881,57 16,58.1192881 16,59.5 C16,60.8254834 17.0315359,61.9100387 18.3356243,61.9946823 L18.5,62 L71.5,62 C72.8807119,62 74,60.8807119 74,59.5 C74,58.1192881 72.8807119,57 71.5,57 Z M71.5,33 L18.5,33 C17.1192881,33 16,34.1192881 16,35.5 C16,36.8254834 17.0315359,37.9100387 18.3356243,37.9946823 L18.5,38 L71.5,38 C72.8807119,38 74,36.8807119 74,35.5 C74,34.1192881 72.8807119,33 71.5,33 Z\"></path>\n </svg>\n </li>\n <view></view>\n <view fill=\"currentColor\" viewBox=\"0 0 90 120\"></view>\n <path d=\"M90,0 L90,120 L11,120 C4.92486775,120 0,115.075132 0,109 L0,11 C0,4.92486775 4.92486775,0 11,0 L90,0 Z M71.5,81 L18.5,81 C17.1192881,81 16,82.1192881 16,83.5 C16,84.8254834 17.0315359,85.9100387 18.3356243,85.9946823 L18.5,86 L71.5,86 C72.8807119,86 74,84.8807119 74,83.5 C74,82.1745166 72.9684641,81.0899613 71.6643757,81.0053177 L71.5,81 Z M71.5,57 L18.5,57 C17.1192881,57 16,58.1192881 16,59.5 C16,60.8254834 17.0315359,61.9100387 18.3356243,61.9946823 L18.5,62 L71.5,62 C72.8807119,62 74,60.8807119 74,59.5 C74,58.1192881 72.8807119,57 71.5,57 Z M71.5,33 L18.5,33 C17.1192881,33 16,34.1192881 16,35.5 C16,36.8254834 17.0315359,37.9100387 18.3356243,37.9946823 L18.5,38 L71.5,38 C72.8807119,38 74,36.8807119 74,35.5 C74,34.1192881 72.8807119,33 71.5,33 Z\"></path>\n </svg>\n </li>\n <view></view>\n <view fill=\"currentColor\" viewBox=\"0 0 90 120\"></view>\n <path d=\"M90,0 L90,120 L11,120 C4.92486775,120 0,115.075132 0,109 L0,11 C0,4.92486775 4.92486775,0 11,0 L90,0 Z M71.5,81 L18.5,81 C17.1192881,81 16,82.1192881 16,83.5 C16,84.8254834 17.0315359,85.9100387 18.3356243,85.9946823 L18.5,86 L71.5,86 C72.8807119,86 74,84.8807119 74,83.5 C74,82.1745166 72.9684641,81.0899613 71.6643757,81.0053177 L71.5,81 Z M71.5,57 L18.5,57 C17.1192881,57 16,58.1192881 16,59.5 C16,60.8254834 17.0315359,61.9100387 18.3356243,61.9946823 L18.5,62 L71.5,62 C72.8807119,62 74,60.8807119 74,59.5 C74,58.1192881 72.8807119,57 71.5,57 Z M71.5,33 L18.5,33 C17.1192881,33 16,34.1192881 16,35.5 C16,36.8254834 17.0315359,37.9100387 18.3356243,37.9946823 L18.5,38 L71.5,38 C72.8807119,38 74,36.8807119 74,35.5 C74,34.1192881 72.8807119,33 71.5,33 Z\"></path>\n </svg>\n </li>\n <view></view>\n <view fill=\"currentColor\" viewBox=\"0 0 90 120\"></view>\n <path d=\"M90,0 L90,120 L11,120 C4.92486775,120 0,115.075132 0,109 L0,11 C0,4.92486775 4.92486775,0 11,0 L90,0 Z M71.5,81 L18.5,81 C17.1192881,81 16,82.1192881 16,83.5 C16,84.8254834 17.0315359,85.9100387 18.3356243,85.9946823 L18.5,86 L71.5,86 C72.8807119,86 74,84.8807119 74,83.5 C74,82.1745166 72.9684641,81.0899613 71.6643757,81.0053177 L71.5,81 Z M71.5,57 L18.5,57 C17.1192881,57 16,58.1192881 16,59.5 C16,60.8254834 17.0315359,61.9100387 18.3356243,61.9946823 L18.5,62 L71.5,62 C72.8807119,62 74,60.8807119 74,59.5 C74,58.1192881 72.8807119,57 71.5,57 Z M71.5,33 L18.5,33 C17.1192881,33 16,34.1192881 16,35.5 C16,36.8254834 17.0315359,37.9100387 18.3356243,37.9946823 L18.5,38 L71.5,38 C72.8807119,38 74,36.8807119 74,35.5 C74,34.1192881 72.8807119,33 71.5,33 Z\"></path>\n </svg>\n </li>\n </ul>\n </div><text>Loading</text></div>",
"script": "export default {\n name: 'GalaxyCurlyGoose54',\n props: {\n // 根据组件类型动态生成props\n },\n data() {\n return {\n // 组件状态\n };\n },\n methods: {\n // 组件方法\n }\n}",
"style": "\n/* From Uiverse.io by Nawsome - Tags: blue, loader, book */\n.loader {\n --background: linear-gradient(135deg, #23C4F8, #275EFE);\n --shadow: rgba(39, 94, 254, 0.28);\n --text: #6C7486;\n --page: rgba(255, 255, 255, 0.36);\n --page-fold: rgba(255, 255, 255, 0.52);\n --duration: 3s;\n width: 400rpx;\n height: 280rpx;\n position: relative;\n}\n\n.loader:before, .loader:after {\n --r: -6deg;\n content: \"\";\n position: absolute;\n bottom: 16rpx;\n width: 240rpx;\n top: 80%;\n /* #ifdef H5 */\n /* #ifdef H5 */\n box-shadow: 0 32rpx 24rpx var(--shadow);\n /* #endif */\n /* #ifdef MP */\n border: 1rpx solid rgba(0,0,0,0.1);\n /* #endif */\n /* #endif */\n transform: rotate(var(--r));\n}\n\n.loader:before {\n left: 8rpx;\n}\n\n.loader:after {\n --r: 6deg;\n right: 8rpx;\n}\n\n.loader div {\n width: 100%;\n height: 100%;\n border-radius: 26rpx;\n position: relative;\n z-index: 1;\n perspective: 1200rpx;\n /* #ifdef H5 */\n /* #ifdef H5 */\n box-shadow: 0 8rpx 12rpx var(--shadow);\n /* #endif */\n /* #ifdef MP */\n border: 1rpx solid rgba(0,0,0,0.1);\n /* #endif */\n /* #endif */\n background-image: var(--background);\n}\n\n.loader div ul {\n margin: 0;\n padding: 0;\n list-style: none;\n position: relative;\n}\n\n.loader div ul li {\n --r: 180deg;\n --o: 0;\n --c: var(--page);\n position: absolute;\n top: 20rpx;\n left: 20rpx;\n transform-origin: 100% 50%;\n color: var(--c);\n opacity: var(--o);\n transform: rotateY(var(--r));\n -webkit-animation: var(--duration) ease infinite;\n animation: var(--duration) ease infinite;\n}\n\n.loader div ul li:nth-child(2) {\n --c: var(--page-fold);\n -webkit-animation-name: page-2;\n animation-name: page-2;\n}\n\n.loader div ul li:nth-child(3) {\n --c: var(--page-fold);\n -webkit-animation-name: page-3;\n animation-name: page-3;\n}\n\n.loader div ul li:nth-child(4) {\n --c: var(--page-fold);\n -webkit-animation-name: page-4;\n animation-name: page-4;\n}\n\n.loader div ul li:nth-child(5) {\n --c: var(--page-fold);\n -webkit-animation-name: page-5;\n animation-name: page-5;\n}\n\n.loader div ul li svg {\n width: 180rpx;\n height: 240rpx;\n display: block;\n}\n\n.loader div ul li:first-child {\n --r: 0deg;\n --o: 1;\n}\n\n.loader div ul li:last-child {\n --o: 1;\n}\n\n.loader span {\n display: block;\n left: 0;\n right: 0;\n top: 100%;\n margin-top: 40rpx;\n text-align: center;\n color: var(--text);\n}\n\n@keyframes page-2 {\n 0% {\n transform: rotateY(180deg);\n opacity: 0;\n }\n\n 20% {\n opacity: 1;\n }\n\n 35%, 100% {\n opacity: 0;\n }\n\n 50%, 100% {\n transform: rotateY(0deg);\n }\n}\n\n@keyframes page-3 {\n 15% {\n transform: rotateY(180deg);\n opacity: 0;\n }\n\n 35% {\n opacity: 1;\n }\n\n 50%, 100% {\n opacity: 0;\n }\n\n 65%, 100% {\n transform: rotateY(0deg);\n }\n}\n\n@keyframes page-4 {\n 30% {\n transform: rotateY(180deg);\n opacity: 0;\n }\n\n 50% {\n opacity: 1;\n }\n\n 65%, 100% {\n opacity: 0;\n }\n\n 80%, 100% {\n transform: rotateY(0deg);\n }\n}\n\n@keyframes page-5 {\n 45% {\n transform: rotateY(180deg);\n opacity: 0;\n }\n\n 65% {\n opacity: 1;\n }\n\n 80%, 100% {\n opacity: 0;\n }\n\n 95%, 100% {\n transform: rotateY(0deg);\n }\n}\n\n",
"component_name": "GalaxyCurlyGoose54"
},
"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": [
"不支持 box-shadow 属性"
],
"alternatives": []
},
"mp-alipay": {
"supported": true,
"issues": [
"不支持 box-shadow 属性"
],
"alternatives": []
},
"app-plus": {
"supported": true,
"issues": [],
"alternatives": []
}
},
"performance": {
"complexity": "high",
"bundle_size": 8172,
"render_cost": "high",
"memory_usage": "high"
},
"dependencies": [],
"examples": [
{
"title": "",
"description": "",
"code": ""
}
],
"created_at": "2025-07-31T07:55:39.769Z",
"updated_at": "2025-07-31T07:55:39.769Z"
}