galaxy-uniapp-mcp-server
Version:
Galaxy组件库到UniApp组件转换MCP服务器 - 支持跨平台组件转换、兼容性分析和项目集成
117 lines • 22.4 kB
JSON
{
"id": "wizard503_breezy-tiger-28",
"name": "breezy-tiger-28",
"category": "buttons",
"author": "wizard503",
"description": "breezy-tiger-28 组件 (button, animation, gradient, interactive)",
"tags": [
"button",
"animation",
"gradient",
"interactive"
],
"original": {
"html": "<div class=\"btn-container\">\n <button type=\"submit\" name=\"space-button\" id=\"space-btn\">\n <span>Look Up</span>\n <span class=\"moon\"><span class=\"moon1\"></span></span>\n <span class=\"planet\"></span>\n <div class=\"star\" style=\"left: 119.273px;\n top: 18.0747px;\n animation-delay: 3.37051s;\n transform: scale(1.1);\"></div>\n <div class=\"star\" style=\"left: 22.2022px;\n top: 10.69534px;\n animation-delay: 4.9s;\n transform: scale(2.22);\"></div>\n <div class=\"star\" style=\"left: 14.754px;\n top: 25.2924px;\n animation-delay: 0.05s;\n transform: scale(0.1);\"></div>\n <div class=\"star\" style=\"left: 95.948px;\n top: 54.8942px;\n animation-delay: 3.1s;\n transform: scale(1.87);\"></div>\n <div class=\"star\" style=\"left: 184.622px;\n top: 20.0923px;\n animation-delay: 2.8s;\n transform: scale(1.77);\"></div>\n <div class=\"star\" style=\"left: 142.1px;\n top: 22.3542px;\n animation-delay: 2.73988s;\n transform: scale(1.62715);\"></div>\n <div class=\"star\" style=\"left: 145.079px;\n top: 6.97553px;\n animation-delay: 0.0408754s;\n transform: scale(0.468075);\"></div>\n <div class=\"star\" style=\"left: 42.2308px;\n top: 9.78383px;\n animation-delay: 4.58407s;\n transform: scale(0.0422065);\"></div>\n <div class=\"star\" style=\"left: 91.2734px;\n top: 14.0408px;\n animation-delay: 2.05927s;\n transform: scale(0.11997);\"></div>\n <div class=\"star\" style=\"left: 35.6985px;\n top: 52.6403px;\n animation-delay: 3.07343s;\n transform: scale(0.672992);\"></div>\n <div class=\"star\" style=\"left: 76.4191px;\n top: 48.453px;\n animation-delay: 2.35679s;\n transform: scale(2.001);\"></div>\n <div class=\"star\" style=\"left: 154.027px;\n top: 45.9848px;\n animation-delay: 3.723s;\n transform: scale(1.4118);\"></div>\n <div class=\"star\" style=\"left: 110.241px;\n top: 20.2684px;\n animation-delay: 2.94906s;\n transform: scale(1.2193);\"></div>\n <div class=\"star\" style=\"left: 12.602px;\n top: 19.8836px;\n animation-delay: 4.072s;\n transform: scale(1.49026);\"></div>\n <div class=\"star\" style=\"left: 30.0911px;\n top: 37.9746px;\n animation-delay: 1.02002s;\n transform: scale(1.41008);\"></div>\n <div class=\"star\" style=\"left: 62.3096px;\n top: 9.64604px;\n animation-delay: 3.9445s;\n transform: scale(0.231214);\"></div>\n <div class=\"star\" style=\"left: 44.7189px;\n top: 32.4307px;\n animation-delay: 4.78921s;\n transform: scale(0.359408);\"></div>\n <div class=\"star\" style=\"left: 191.866px;\n top: 27.151px;\n animation-delay: 1.34451s;\n transform: scale(1.13484);\"></div>\n <div class=\"star\" style=\"left: 47.6744px;\n top: 3.00604px;\n animation-delay: 1.04567s;\n transform: scale(0.682023);\"></div>\n <div class=\"star\" style=\"left: 98.6225px;\n top: 49.6115px;\n animation-delay: 2.41384s;\n transform: scale(1.96254);\"></div>\n <div class=\"star\" style=\"left: 57.4785px;\n top: 29.6588px;\n animation-delay: 3.3569s;\n transform: scale(1.53118);\"></div>\n <div class=\"star\" style=\"left: 13.2213px;\n top: 24.538px;\n animation-delay: 1.69582s;\n transform: scale(1.6236);\"></div>\n <div class=\"star\" style=\"left: 56.9067px;\n top: 51.9904px;\n animation-delay: 4.74375s;\n transform: scale(0.749788);\"></div>\n <div class=\"star\" style=\"left: 139.8361px;\n top: 45.3876px;\n animation-delay: 1.28648s;\n transform: scale(0.566118);\"></div>\n <div class=\"star\" style=\"right: 40.9067px;\n top: 21.9904px;\n animation-delay: 4.74375s;\n transform: scale(0.749788);\"></div>\n <div class=\"star\" style=\"right: 30.9067px;\n top: 26.9904px;\n animation-delay: 4.74375s;\n transform: scale(0.749788);\"></div>\n <div class=\"star\" style=\"right: 30.9067px;\n top: 16.9904px;\n animation-delay: 4.74375s;\n transform: scale(0.749788);\"></div>\n <div class=\"star\" style=\"right: 20.9067px;\n top: 10.904px;\n animation-delay: 4.74375s;\n transform: scale(0.749788);\"></div>\n <div class=\"star\" style=\"right: 40.9067px;\n top: 8.9904px;\n animation-delay: 4.74375s;\n transform: scale(0.749788);\"></div>\n <div class=\"star\" style=\"left: 80.9067px;\n top: 8.9904px;\n animation-delay: 4.74375s;\n transform: scale(0.749788);\"></div>\n <div class=\"star\" style=\"left: 100.9067px;\n top: 6.9904px;\n animation-delay: 4.74375s;\n transform: scale(0.749788);\"></div>\n <div class=\"star\" style=\"left: 130.9067px;\n top: 8.9904px;\n animation-delay: 4.74375s;\n transform: scale(0.749788);\"></div>\n <div class=\"star\" style=\"right: 80.9067px;\n top: 5.9904px;\n animation-delay: 4.74375s;\n transform: scale(1.9999998);\"></div>\n <div class=\"star\" style=\"right: 45.9067px;\n top: 35.9904px;\n animation-delay: 4.74375s;\n transform: scale(1.999998);\"></div>\n <div class=\"star\" style=\"right: 85.9067px;\n top: 44.9904px;\n animation-delay: 4.74375s;\n transform: scale(1.99998998);\"></div>\n </button>\n</div>",
"css": "/* From Uiverse.io by wizard503 - Tags: button */\nbutton#space-btn {\n width: 200px;\n height: 60px;\n position: relative;\n border: none;\n border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%;\n box-shadow: inset 0px 0px 21px #3b2ad5;\n background: #03001e;\n cursor: pointer;\n}\n\nbutton#space-btn:hover {\n background: linear-gradient(180deg, #3b2ad5 0%,#88007d 60%,#ff0055c4 100%);\n box-shadow: 0px 5px 10px #03001e,inset 0px 5px 10px #8611d4,inset 0 -5px 10px #ff0055a1;\n}\n\n.btn-container:hover {\n background: #03001e;\n box-shadow: 0px -10px 40px #9611d4,0px 5px 10px #00a2ffe3,inset 0px 10px 21px #3b2ad5;\n}\n\n.btn-container {\n display: flex;\n justify-content: center;\n align-items: center;\n border-radius: 70% 30% 30% 70% / 70% 70% 30% 30%;\n width: 205px;\n height: 65px;\n background: linear-gradient(0deg, #88007d 0%,#ff0055c4 100%);\n}\n\nbutton span {\n color: white;\n font-weight: bold;\n font-size: 20px;\n}\n\nbutton div.star {\n opacity: 0;\n position: absolute;\n border-radius: 100%;\n background-color: white;\n width: 1px;\n height: 1px;\n}\n\nbutton:hover .star {\n opacity: 1;\n}\n\nbutton .planet {\n margin-left: -2.5em;\n opacity: 0;\n width: 30px;\n height: 30px;\n border-radius: 50%;\n border: none;\n position: absolute;\n background: linear-gradient(rgb(255, 0, 0), transparent),linear-gradient(to top left, rgb(255, 0, 212), transparent), linear-gradient(to top right, rgb(251, 255, 0), transparent);\n background-blend-mode: screen;\n background-size: 100% 200%;\n filter: drop-shadow(0px 0px 4px rgb(82, 59, 16));\n}\n\nbutton:hover .planet {\n z-index: 1;\n opacity: 1;\n animation: orbita 6s reverse linear infinite;\n}\n\n.planet::after {\n content: '';\n width: 40px;\n height: 10px;\n border: 3px solid #813dff;\n filter: drop-shadow(0px 0px 1px #cf3333);\n border-width: 0px 3px 3px 3px;\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%) rotate(15deg);\n border-radius: 50%;\n}\n\n.planet::before {\n position: absolute;\n color: rgb(255, 0, 0);\n visibility: hidden;\n}\n\n.moon {\n margin-left: -3rem;\n position: absolute;\n width: 30px;\n height: 30px;\n background-color: #fff;\n border-radius: 100%;\n box-shadow: 0px 0px 10px 5px rgb(146, 146, 140);\n}\n\n.moon::after {\n position: absolute;\n content: '';\n margin-top: 15%;\n box-shadow: 0px 0px 10px 3px #333;\n margin-left: -10%;\n border-radius: 100%;\n width: 3px;\n height: 3px;\n background-color: rgb(121, 121, 121);\n}\n\n.moon1::after {\n position: absolute;\n content: '';\n margin-top: 65%;\n box-shadow: 0px 0px 8px 3px #333;\n margin-left: -9px;\n border-radius: 100%;\n width: 2px;\n height: 2px;\n background-color: rgb(121, 121, 121);\n}\n\n.moon::before {\n position: absolute;\n content: '';\n margin-top: 30%;\n margin-left: -30%;\n border-radius: 100%;\n box-shadow: 0px 0px 8px 1px rgb(3, 3, 3);\n width: 5px;\n height: 5px;\n background-color: rgb(134, 133, 133);\n}\n\n.moon1::before {\n position: absolute;\n content: '';\n margin-top: 70%;\n margin-left: 4%;\n border-radius: 100%;\n box-shadow: -5px 1px 4px 3px rgb(134, 133, 133);\n width: 2px;\n height: 2px;\n background-color: rgb(134, 133, 133);\n}\n\nbutton span.moon,span.moon1 {\n opacity: 0;\n}\n\nbutton:hover span.moon,span.moon1 {\n z-index: -1;\n opacity: 1;\n animation: orbita 2.7s linear infinite;\n}\n\n@keyframes orbita {\n 0% {\n transform: rotate(0deg);\n transform: translateX(90px);\n }\n\n 100% {\n rotate: 360deg;\n transform: translateX(90px);\n }\n}",
"file_path": "/mnt/persist/workspace/Buttons/wizard503_breezy-tiger-28.html"
},
"uniapp": {
"template": "<view class=\"btn-container\"></view>\n <button type=\"submit\" name=\"space-button\" id=\"space-btn\"></button>\n <text>Look Up</text>\n <text class=\"moon\"><text class=\"moon1\"></text></text></span>\n <text class=\"planet\"></text>\n <view class=\"star\" style=\"left: 119.273px;\n top: 18.0747px;\n animation-delay: 3.37051s;\n transform: scale(1.1);\"></view>\n <view class=\"star\" style=\"left: 22.2022px;\n top: 10.69534px;\n animation-delay: 4.9s;\n transform: scale(2.22);\"></view>\n <view class=\"star\" style=\"left: 14.754px;\n top: 25.2924px;\n animation-delay: 0.05s;\n transform: scale(0.1);\"></view>\n <view class=\"star\" style=\"left: 95.948px;\n top: 54.8942px;\n animation-delay: 3.1s;\n transform: scale(1.87);\"></view>\n <view class=\"star\" style=\"left: 184.622px;\n top: 20.0923px;\n animation-delay: 2.8s;\n transform: scale(1.77);\"></view>\n <view class=\"star\" style=\"left: 142.1px;\n top: 22.3542px;\n animation-delay: 2.73988s;\n transform: scale(1.62715);\"></view>\n <view class=\"star\" style=\"left: 145.079px;\n top: 6.97553px;\n animation-delay: 0.0408754s;\n transform: scale(0.468075);\"></view>\n <view class=\"star\" style=\"left: 42.2308px;\n top: 9.78383px;\n animation-delay: 4.58407s;\n transform: scale(0.0422065);\"></view>\n <view class=\"star\" style=\"left: 91.2734px;\n top: 14.0408px;\n animation-delay: 2.05927s;\n transform: scale(0.11997);\"></view>\n <view class=\"star\" style=\"left: 35.6985px;\n top: 52.6403px;\n animation-delay: 3.07343s;\n transform: scale(0.672992);\"></view>\n <view class=\"star\" style=\"left: 76.4191px;\n top: 48.453px;\n animation-delay: 2.35679s;\n transform: scale(2.001);\"></view>\n <view class=\"star\" style=\"left: 154.027px;\n top: 45.9848px;\n animation-delay: 3.723s;\n transform: scale(1.4118);\"></view>\n <view class=\"star\" style=\"left: 110.241px;\n top: 20.2684px;\n animation-delay: 2.94906s;\n transform: scale(1.2193);\"></view>\n <view class=\"star\" style=\"left: 12.602px;\n top: 19.8836px;\n animation-delay: 4.072s;\n transform: scale(1.49026);\"></view>\n <view class=\"star\" style=\"left: 30.0911px;\n top: 37.9746px;\n animation-delay: 1.02002s;\n transform: scale(1.41008);\"></view>\n <view class=\"star\" style=\"left: 62.3096px;\n top: 9.64604px;\n animation-delay: 3.9445s;\n transform: scale(0.231214);\"></view>\n <view class=\"star\" style=\"left: 44.7189px;\n top: 32.4307px;\n animation-delay: 4.78921s;\n transform: scale(0.359408);\"></view>\n <view class=\"star\" style=\"left: 191.866px;\n top: 27.151px;\n animation-delay: 1.34451s;\n transform: scale(1.13484);\"></view>\n <view class=\"star\" style=\"left: 47.6744px;\n top: 3.00604px;\n animation-delay: 1.04567s;\n transform: scale(0.682023);\"></view>\n <view class=\"star\" style=\"left: 98.6225px;\n top: 49.6115px;\n animation-delay: 2.41384s;\n transform: scale(1.96254);\"></view>\n <view class=\"star\" style=\"left: 57.4785px;\n top: 29.6588px;\n animation-delay: 3.3569s;\n transform: scale(1.53118);\"></view>\n <view class=\"star\" style=\"left: 13.2213px;\n top: 24.538px;\n animation-delay: 1.69582s;\n transform: scale(1.6236);\"></view>\n <view class=\"star\" style=\"left: 56.9067px;\n top: 51.9904px;\n animation-delay: 4.74375s;\n transform: scale(0.749788);\"></view>\n <view class=\"star\" style=\"left: 139.8361px;\n top: 45.3876px;\n animation-delay: 1.28648s;\n transform: scale(0.566118);\"></view>\n <view class=\"star\" style=\"right: 40.9067px;\n top: 21.9904px;\n animation-delay: 4.74375s;\n transform: scale(0.749788);\"></view>\n <view class=\"star\" style=\"right: 30.9067px;\n top: 26.9904px;\n animation-delay: 4.74375s;\n transform: scale(0.749788);\"></view>\n <view class=\"star\" style=\"right: 30.9067px;\n top: 16.9904px;\n animation-delay: 4.74375s;\n transform: scale(0.749788);\"></view>\n <view class=\"star\" style=\"right: 20.9067px;\n top: 10.904px;\n animation-delay: 4.74375s;\n transform: scale(0.749788);\"></view>\n <view class=\"star\" style=\"right: 40.9067px;\n top: 8.9904px;\n animation-delay: 4.74375s;\n transform: scale(0.749788);\"></view>\n <view class=\"star\" style=\"left: 80.9067px;\n top: 8.9904px;\n animation-delay: 4.74375s;\n transform: scale(0.749788);\"></view>\n <view class=\"star\" style=\"left: 100.9067px;\n top: 6.9904px;\n animation-delay: 4.74375s;\n transform: scale(0.749788);\"></view>\n <view class=\"star\" style=\"left: 130.9067px;\n top: 8.9904px;\n animation-delay: 4.74375s;\n transform: scale(0.749788);\"></view>\n <view class=\"star\" style=\"right: 80.9067px;\n top: 5.9904px;\n animation-delay: 4.74375s;\n transform: scale(1.9999998);\"></view>\n <view class=\"star\" style=\"right: 45.9067px;\n top: 35.9904px;\n animation-delay: 4.74375s;\n transform: scale(1.999998);\"></view>\n <view class=\"star\" style=\"right: 85.9067px;\n top: 44.9904px;\n animation-delay: 4.74375s;\n transform: scale(1.99998998);\"></view>\n </button>\n</div>",
"script": "export default {\n name: 'GalaxyBreezyTiger28',\n props: {\n // 根据组件类型动态生成props\n },\n data() {\n return {\n // 组件状态\n };\n },\n methods: {\n // 组件方法\n }\n}",
"style": "\n/* From Uiverse.io by wizard503 - Tags: button */\nbutton#space-btn {\n width: 400rpx;\n height: 120rpx;\n position: relative;\n border: none;\n border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%;\n /* #ifdef H5 */\n /* #ifdef H5 */\n box-shadow: inset 0rpx 0rpx 42rpx #3b2ad5;\n /* #endif */\n /* #ifdef MP */\n border: 1rpx solid rgba(0,0,0,0.1);\n /* #endif */\n /* #endif */\n background: #03001e;\n /* #ifdef H5 */\n cursor: pointer;\n /* #endif */\n}\n\nbutton#space-btn:hover {\n background: linear-gradient(180deg, #3b2ad5 0%,#88007d 60%,#ff0055c4 100%);\n /* #ifdef H5 */\n /* #ifdef H5 */\n box-shadow: 0rpx 10rpx 20rpx #03001e,inset 0rpx 10rpx 20rpx #8611d4,inset 0 -10rpx 20rpx #ff0055a1;\n /* #endif */\n /* #ifdef MP */\n border: 1rpx solid rgba(0,0,0,0.1);\n /* #endif */\n /* #endif */\n}\n\n.btn-container:hover {\n background: #03001e;\n /* #ifdef H5 */\n /* #ifdef H5 */\n box-shadow: 0rpx -20rpx 80rpx #9611d4,0rpx 10rpx 20rpx #00a2ffe3,inset 0rpx 20rpx 42rpx #3b2ad5;\n /* #endif */\n /* #ifdef MP */\n border: 1rpx solid rgba(0,0,0,0.1);\n /* #endif */\n /* #endif */\n}\n\n.btn-container {\n display: flex;\n justify-content: center;\n align-items: center;\n border-radius: 70% 30% 30% 70% / 70% 70% 30% 30%;\n width: 410rpx;\n height: 130rpx;\n background: linear-gradient(0deg, #88007d 0%,#ff0055c4 100%);\n}\n\nbutton span {\n color: white;\n font-weight: bold;\n font-size: 40rpx;\n}\n\nbutton div.star {\n opacity: 0;\n position: absolute;\n border-radius: 100%;\n background-color: white;\n width: 2rpx;\n height: 2rpx;\n}\n\nbutton:hover .star {\n opacity: 1;\n}\n\nbutton .planet {\n margin-left: -2.5em;\n opacity: 0;\n width: 60rpx;\n height: 60rpx;\n border-radius: 50%;\n border: none;\n position: absolute;\n background: linear-gradient(rgb(255, 0, 0), transparent),linear-gradient(to top left, rgb(255, 0, 212), transparent), linear-gradient(to top right, rgb(251, 255, 0), transparent);\n background-blend-mode: screen;\n background-size: 100% 200%;\n \n}\n\nbutton:hover .planet {\n z-index: 1;\n opacity: 1;\n animation: orbita 6s reverse linear infinite;\n}\n\n.planet::after {\n content: '';\n width: 80rpx;\n height: 20rpx;\n border: 6rpx solid #813dff;\n \n border-width: 0rpx 6rpx 6rpx 6rpx;\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%) rotate(15deg);\n border-radius: 50%;\n}\n\n.planet::before {\n position: absolute;\n color: rgb(255, 0, 0);\n visibility: hidden;\n}\n\n.moon {\n margin-left: -3rem;\n position: absolute;\n width: 60rpx;\n height: 60rpx;\n background-color: #fff;\n border-radius: 100%;\n /* #ifdef H5 */\n /* #ifdef H5 */\n box-shadow: 0rpx 0rpx 20rpx 10rpx rgb(146, 146, 140);\n /* #endif */\n /* #ifdef MP */\n border: 1rpx solid rgba(0,0,0,0.1);\n /* #endif */\n /* #endif */\n}\n\n.moon::after {\n position: absolute;\n content: '';\n margin-top: 15%;\n /* #ifdef H5 */\n /* #ifdef H5 */\n box-shadow: 0rpx 0rpx 20rpx 6rpx #333;\n /* #endif */\n /* #ifdef MP */\n border: 1rpx solid rgba(0,0,0,0.1);\n /* #endif */\n /* #endif */\n margin-left: -10%;\n border-radius: 100%;\n width: 6rpx;\n height: 6rpx;\n background-color: rgb(121, 121, 121);\n}\n\n.moon1::after {\n position: absolute;\n content: '';\n margin-top: 65%;\n /* #ifdef H5 */\n /* #ifdef H5 */\n box-shadow: 0rpx 0rpx 16rpx 6rpx #333;\n /* #endif */\n /* #ifdef MP */\n border: 1rpx solid rgba(0,0,0,0.1);\n /* #endif */\n /* #endif */\n margin-left: -18rpx;\n border-radius: 100%;\n width: 4rpx;\n height: 4rpx;\n background-color: rgb(121, 121, 121);\n}\n\n.moon::before {\n position: absolute;\n content: '';\n margin-top: 30%;\n margin-left: -30%;\n border-radius: 100%;\n /* #ifdef H5 */\n /* #ifdef H5 */\n box-shadow: 0rpx 0rpx 16rpx 2rpx rgb(3, 3, 3);\n /* #endif */\n /* #ifdef MP */\n border: 1rpx solid rgba(0,0,0,0.1);\n /* #endif */\n /* #endif */\n width: 10rpx;\n height: 10rpx;\n background-color: rgb(134, 133, 133);\n}\n\n.moon1::before {\n position: absolute;\n content: '';\n margin-top: 70%;\n margin-left: 4%;\n border-radius: 100%;\n /* #ifdef H5 */\n /* #ifdef H5 */\n box-shadow: -10rpx 2rpx 8rpx 6rpx rgb(134, 133, 133);\n /* #endif */\n /* #ifdef MP */\n border: 1rpx solid rgba(0,0,0,0.1);\n /* #endif */\n /* #endif */\n width: 4rpx;\n height: 4rpx;\n background-color: rgb(134, 133, 133);\n}\n\nbutton span.moon,span.moon1 {\n opacity: 0;\n}\n\nbutton:hover span.moon,span.moon1 {\n z-index: -1;\n opacity: 1;\n animation: orbita 2.7s linear infinite;\n}\n\n@keyframes orbita {\n 0% {\n transform: rotate(0deg);\n transform: translateX(180rpx);\n }\n\n 100% {\n rotate: 360deg;\n transform: translateX(180rpx);\n }\n}\n",
"component_name": "GalaxyBreezyTiger28"
},
"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 属性",
"不支持 cursor 属性"
],
"alternatives": []
},
"mp-alipay": {
"supported": true,
"issues": [
"不支持 box-shadow 属性",
"不支持 filter 属性",
"不支持 cursor 属性"
],
"alternatives": []
},
"app-plus": {
"supported": true,
"issues": [],
"alternatives": []
}
},
"performance": {
"complexity": "high",
"bundle_size": 8832,
"render_cost": "high",
"memory_usage": "high"
},
"dependencies": [],
"examples": [
{
"title": "",
"description": "",
"code": ""
}
],
"created_at": "2025-07-31T07:55:38.371Z",
"updated_at": "2025-07-31T07:55:38.371Z"
}