{
  "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"
}