{
  "id": "Praashoo7_chilly-baboon-67",
  "name": "chilly-baboon-67",
  "category": "buttons",
  "author": "Praashoo7",
  "description": "chilly-baboon-67 组件 (tooltip, social, button, rounded, animation, interactive)",
  "tags": [
    "tooltip",
    "social",
    "button",
    "rounded",
    "animation",
    "interactive"
  ],
  "original": {
    "html": "<div class=\"share\">\n  <button class=\"btn1\">\n    <svg fill-rule=\"nonzero\" height=\"30px\" width=\"30px\" viewBox=\"0,0,256,256\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" xmlns=\"http://www.w3.org/2000/svg\" class=\"instagram\"><g style=\"mix-blend-mode: normal\" text-anchor=\"none\" font-size=\"none\" font-weight=\"none\" font-family=\"none\" stroke-dashoffset=\"0\" stroke-dasharray=\"\" stroke-miterlimit=\"10\" stroke-linejoin=\"miter\" stroke-linecap=\"butt\" stroke-width=\"1\" stroke=\"none\" fill-rule=\"nonzero\"><g transform=\"scale(8,8)\"><path d=\"M11.46875,5c-3.55078,0 -6.46875,2.91406 -6.46875,6.46875v9.0625c0,3.55078 2.91406,6.46875 6.46875,6.46875h9.0625c3.55078,0 6.46875,-2.91406 6.46875,-6.46875v-9.0625c0,-3.55078 -2.91406,-6.46875 -6.46875,-6.46875zM11.46875,7h9.0625c2.47266,0 4.46875,1.99609 4.46875,4.46875v9.0625c0,2.47266 -1.99609,4.46875 -4.46875,4.46875h-9.0625c-2.47266,0 -4.46875,-1.99609 -4.46875,-4.46875v-9.0625c0,-2.47266 1.99609,-4.46875 4.46875,-4.46875zM21.90625,9.1875c-0.50391,0 -0.90625,0.40234 -0.90625,0.90625c0,0.50391 0.40234,0.90625 0.90625,0.90625c0.50391,0 0.90625,-0.40234 0.90625,-0.90625c0,-0.50391 -0.40234,-0.90625 -0.90625,-0.90625zM16,10c-3.30078,0 -6,2.69922 -6,6c0,3.30078 2.69922,6 6,6c3.30078,0 6,-2.69922 6,-6c0,-3.30078 -2.69922,-6 -6,-6zM16,12c2.22266,0 4,1.77734 4,4c0,2.22266 -1.77734,4 -4,4c-2.22266,0 -4,-1.77734 -4,-4c0,-2.22266 1.77734,-4 4,-4z\"></path></g></g></svg>\n    <span class=\"tooltiptext1\">\n      <div class=\"card\">\n        <svg fill=\"#000000\" width=\"24px\" viewBox=\"0 0 24 24\" height=\"24px\" xmlns=\"http://www.w3.org/2000/svg\" class=\"account\"><path fill=\"none\" d=\"M0 0h24v24H0V0z\"></path><path d=\"M12 5.9c1.16 0 2.1.94 2.1 2.1s-.94 2.1-2.1 2.1S9.9 9.16 9.9 8s.94-2.1 2.1-2.1m0 9c2.97 0 6.1 1.46 6.1 2.1v1.1H5.9V17c0-.64 3.13-2.1 6.1-2.1M12 4C9.79 4 8 5.79 8 8s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4zm0 9c-2.67 0-8 1.34-8 4v3h16v-3c0-2.66-5.33-4-8-4z\"></path></svg>\n      </div>\n      <div class=\"username\">@meoninsta</div>\n    </span>\n  </button>\n  <button class=\"btn2\">\n    <svg height=\"30px\" width=\"30px\" viewBox=\"0 0 48 48\" xmlns=\"http://www.w3.org/2000/svg\" class=\"twitter\"><path d=\"M42,12.429c-1.323,0.586-2.746,0.977-4.247,1.162c1.526-0.906,2.7-2.351,3.251-4.058c-1.428,0.837-3.01,1.452-4.693,1.776C34.967,9.884,33.05,9,30.926,9c-4.08,0-7.387,3.278-7.387,7.32c0,0.572,0.067,1.129,0.193,1.67c-6.138-0.308-11.582-3.226-15.224-7.654c-0.64,1.082-1,2.349-1,3.686c0,2.541,1.301,4.778,3.285,6.096c-1.211-0.037-2.351-0.374-3.349-0.914c0,0.022,0,0.055,0,0.086c0,3.551,2.547,6.508,5.923,7.181c-0.617,0.169-1.269,0.263-1.941,0.263c-0.477,0-0.942-0.054-1.392-0.135c0.94,2.902,3.667,5.023,6.898,5.086c-2.528,1.96-5.712,3.134-9.174,3.134c-0.598,0-1.183-0.034-1.761-0.104C9.268,36.786,13.152,38,17.321,38c13.585,0,21.017-11.156,21.017-20.834c0-0.317-0.01-0.633-0.025-0.945C39.763,15.197,41.013,13.905,42,12.429\"></path></svg>\n    <span class=\"tooltiptext2\">\n      <div class=\"card\">\n        <svg fill=\"#000000\" width=\"24px\" viewBox=\"0 0 24 24\" height=\"24px\" xmlns=\"http://www.w3.org/2000/svg\" class=\"account\"><path fill=\"none\" d=\"M0 0h24v24H0V0z\"></path><path d=\"M12 5.9c1.16 0 2.1.94 2.1 2.1s-.94 2.1-2.1 2.1S9.9 9.16 9.9 8s.94-2.1 2.1-2.1m0 9c2.97 0 6.1 1.46 6.1 2.1v1.1H5.9V17c0-.64 3.13-2.1 6.1-2.1M12 4C9.79 4 8 5.79 8 8s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4zm0 9c-2.67 0-8 1.34-8 4v3h16v-3c0-2.66-5.33-4-8-4z\"></path></svg>\n      </div>\n      <div class=\"username\">@meontwitter</div>\n    </span>\n  </button>\n  <button class=\"btn3\">\n    <svg height=\"30px\" width=\"30px\" viewBox=\"0 0 30 30\" xmlns=\"http://www.w3.org/2000/svg\" class=\"git\">    <path d=\"M15,3C8.373,3,3,8.373,3,15c0,5.623,3.872,10.328,9.092,11.63C12.036,26.468,12,26.28,12,26.047v-2.051 c-0.487,0-1.303,0-1.508,0c-0.821,0-1.551-0.353-1.905-1.009c-0.393-0.729-0.461-1.844-1.435-2.526 c-0.289-0.227-0.069-0.486,0.264-0.451c0.615,0.174,1.125,0.596,1.605,1.222c0.478,0.627,0.703,0.769,1.596,0.769 c0.433,0,1.081-0.025,1.691-0.121c0.328-0.833,0.895-1.6,1.588-1.962c-3.996-0.411-5.903-2.399-5.903-5.098 c0-1.162,0.495-2.286,1.336-3.233C9.053,10.647,8.706,8.73,9.435,8c1.798,0,2.885,1.166,3.146,1.481C13.477,9.174,14.461,9,15.495,9 c1.036,0,2.024,0.174,2.922,0.483C18.675,9.17,19.763,8,21.565,8c0.732,0.731,0.381,2.656,0.102,3.594 c0.836,0.945,1.328,2.066,1.328,3.226c0,2.697-1.904,4.684-5.894,5.097C18.199,20.49,19,22.1,19,23.313v2.734 c0,0.104-0.023,0.179-0.035,0.268C23.641,24.676,27,20.236,27,15C27,8.373,21.627,3,15,3z\"></path></svg>\n    <span class=\"tooltiptext3\">\n      <div class=\"card\">\n        <svg fill=\"#000000\" width=\"24px\" viewBox=\"0 0 24 24\" height=\"24px\" xmlns=\"http://www.w3.org/2000/svg\" class=\"account\"><path fill=\"none\" d=\"M0 0h24v24H0V0z\"></path><path d=\"M12 5.9c1.16 0 2.1.94 2.1 2.1s-.94 2.1-2.1 2.1S9.9 9.16 9.9 8s.94-2.1 2.1-2.1m0 9c2.97 0 6.1 1.46 6.1 2.1v1.1H5.9V17c0-.64 3.13-2.1 6.1-2.1M12 4C9.79 4 8 5.79 8 8s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4zm0 9c-2.67 0-8 1.34-8 4v3h16v-3c0-2.66-5.33-4-8-4z\"></path></svg>\n      </div>\n      <div class=\"username\">@meongit</div>\n    </span>\n  </button>\n</div>",
    "css": "/* From Uiverse.io by Praashoo7 - Tags: tooltip, social, button, rounded */\n.share {\n  display: flex;\n  flex-direction: row;\n  gap: 1em;\n  transition: .4s ease-in-out;\n  margin-top: 60px;\n}\n\n.btn1 {\n  position: relative;\n  width: 3em;\n  height: 3em;\n  outline: none;\n  border: none;\n  border-radius: 50%;\n  background-color: white;\n  transition: .4s all;\n}\n\n.btn1 .instagram {\n  margin-top: 0.1em;\n  fill: #cc39a4;\n}\n\n.btn1 .tooltiptext1 {\n  visibility: hidden;\n  width: 6em;\n  height: 8em;\n  background-color: whitesmoke;\n  color: black;\n  text-align: center;\n  border-radius: 10px;\n  padding: 1em;\n  position: absolute;\n  left: -1.5em;\n  top: -8em;\n  z-index: 1;\n  transition: .1s ease-in-out;\n}\n\n.btn1 .tooltiptext1 .card {\n  width: 4em;\n  height: 4em;\n  background-color: white;\n}\n\n.btn1 .tooltiptext1 .account {\n  margin-top: 1em;\n}\n\n.btn1 .tooltiptext1 .username {\n  font-size: 0.7em;\n  margin-top: 1.6em;\n  font-weight: bold;\n}\n\n.btn1:hover .tooltiptext1 {\n  transform: translateY(-1em);\n  visibility: visible;\n}\n\n.btn1:hover {\n  background-color: #cc39a4;\n}\n\n.btn1:hover .instagram {\n  fill: white;\n}\n\n.btn2 {\n  position: relative;\n  width: 3em;\n  height: 3em;\n  outline: none;\n  border: none;\n  border-radius: 50%;\n  background-color: white;\n  transition: .4s all;\n}\n\n.btn2 .twitter {\n  margin-top: .25em;\n  margin-left: .1em;\n  fill: #03A9F4;\n}\n\n.btn2 .tooltiptext2 {\n  visibility: hidden;\n  width: 6em;\n  height: 8em;\n  background-color: whitesmoke;\n  color: black;\n  text-align: center;\n  border-radius: 10px;\n  padding: 1em;\n  position: absolute;\n  left: -1.5em;\n  top: -8em;\n  z-index: 1;\n  transition: .1s ease-in-out;\n}\n\n.btn2 .tooltiptext2 .card {\n  width: 4em;\n  height: 4em;\n  background-color: white;\n}\n\n.btn2 .tooltiptext2 .account {\n  margin-top: 1em;\n}\n\n.btn2 .tooltiptext2 .username {\n  font-size: 0.6em;\n  margin-top: 1.6em;\n  font-weight: bold;\n}\n\n.btn2:hover .tooltiptext2 {\n  transform: translateY(-1em);\n  visibility: visible;\n}\n\n.btn2:hover {\n  background-color: #03A9F4;\n}\n\n.btn2:hover .twitter {\n  fill: white;\n}\n\n.btn3 {\n  position: relative;\n  width: 3em;\n  height: 3em;\n  outline: none;\n  border: none;\n  border-radius: 50%;\n  background-color: white;\n  transition: .4s all;\n}\n\n.btn3 .tooltiptext3 {\n  visibility: hidden;\n  width: 6em;\n  height: 8em;\n  background-color: whitesmoke;\n  color: black;\n  text-align: center;\n  border-radius: 10px;\n  padding: 1em;\n  position: absolute;\n  left: -1.5em;\n  top: -8em;\n  z-index: 1;\n  transition: .1s ease-in-out;\n}\n\n.btn3 .tooltiptext3 .card {\n  width: 4em;\n  height: 4em;\n  background-color: white;\n}\n\n.btn3 .tooltiptext3 .account {\n  margin-top: 1em;\n}\n\n.btn3 .tooltiptext3 .username {\n  font-size: 0.7em;\n  margin-top: 1.6em;\n  font-weight: bold;\n}\n\n.btn3:hover .tooltiptext3 {\n  transform: translateY(-1em);\n  visibility: visible;\n}\n\n.btn3:hover {\n  background-color: black;\n}\n\n.btn3:hover .git {\n  fill: white;\n}",
    "file_path": "/mnt/persist/workspace/Buttons/Praashoo7_chilly-baboon-67.html"
  },
  "uniapp": {
    "template": "<view class=\"share\"></view>\n  <button class=\"btn1\"></button>\n    <view fill-rule=\"nonzero\" height=\"30px\" width=\"30px\" viewBox=\"0,0,256,256\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" xmlns=\"http://www.w3.org/2000/svg\" class=\"instagram\"><g style=\"mix-blend-mode: normal\" text-anchor=\"none\" font-size=\"none\" font-weight=\"none\" font-family=\"none\" stroke-dashoffset=\"0\" stroke-dasharray=\"\" stroke-miterlimit=\"10\" stroke-linejoin=\"miter\" stroke-linecap=\"butt\" stroke-width=\"1\" stroke=\"none\" fill-rule=\"nonzero\"><g transform=\"scale(8,8)\"><path d=\"M11.46875,5c-3.55078,0 -6.46875,2.91406 -6.46875,6.46875v9.0625c0,3.55078 2.91406,6.46875 6.46875,6.46875h9.0625c3.55078,0 6.46875,-2.91406 6.46875,-6.46875v-9.0625c0,-3.55078 -2.91406,-6.46875 -6.46875,-6.46875zM11.46875,7h9.0625c2.47266,0 4.46875,1.99609 4.46875,4.46875v9.0625c0,2.47266 -1.99609,4.46875 -4.46875,4.46875h-9.0625c-2.47266,0 -4.46875,-1.99609 -4.46875,-4.46875v-9.0625c0,-2.47266 1.99609,-4.46875 4.46875,-4.46875zM21.90625,9.1875c-0.50391,0 -0.90625,0.40234 -0.90625,0.90625c0,0.50391 0.40234,0.90625 0.90625,0.90625c0.50391,0 0.90625,-0.40234 0.90625,-0.90625c0,-0.50391 -0.40234,-0.90625 -0.90625,-0.90625zM16,10c-3.30078,0 -6,2.69922 -6,6c0,3.30078 2.69922,6 6,6c3.30078,0 6,-2.69922 6,-6c0,-3.30078 -2.69922,-6 -6,-6zM16,12c2.22266,0 4,1.77734 4,4c0,2.22266 -1.77734,4 -4,4c-2.22266,0 -4,-1.77734 -4,-4c0,-2.22266 1.77734,-4 4,-4z\"></path></g></g></view>\n    <text class=\"tooltiptext1\"></text>\n      <view class=\"card\"></view>\n        <view fill=\"#000000\" width=\"24px\" viewBox=\"0 0 24 24\" height=\"24px\" xmlns=\"http://www.w3.org/2000/svg\" class=\"account\"><path fill=\"none\" d=\"M0 0h24v24H0V0z\"></path><path d=\"M12 5.9c1.16 0 2.1.94 2.1 2.1s-.94 2.1-2.1 2.1S9.9 9.16 9.9 8s.94-2.1 2.1-2.1m0 9c2.97 0 6.1 1.46 6.1 2.1v1.1H5.9V17c0-.64 3.13-2.1 6.1-2.1M12 4C9.79 4 8 5.79 8 8s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4zm0 9c-2.67 0-8 1.34-8 4v3h16v-3c0-2.66-5.33-4-8-4z\"></path></view>\n      </div>\n      <view class=\"username\">@meoninsta</view>\n    </span>\n  </button>\n  <button class=\"btn2\"></button>\n    <view height=\"30px\" width=\"30px\" viewBox=\"0 0 48 48\" xmlns=\"http://www.w3.org/2000/svg\" class=\"twitter\"><path d=\"M42,12.429c-1.323,0.586-2.746,0.977-4.247,1.162c1.526-0.906,2.7-2.351,3.251-4.058c-1.428,0.837-3.01,1.452-4.693,1.776C34.967,9.884,33.05,9,30.926,9c-4.08,0-7.387,3.278-7.387,7.32c0,0.572,0.067,1.129,0.193,1.67c-6.138-0.308-11.582-3.226-15.224-7.654c-0.64,1.082-1,2.349-1,3.686c0,2.541,1.301,4.778,3.285,6.096c-1.211-0.037-2.351-0.374-3.349-0.914c0,0.022,0,0.055,0,0.086c0,3.551,2.547,6.508,5.923,7.181c-0.617,0.169-1.269,0.263-1.941,0.263c-0.477,0-0.942-0.054-1.392-0.135c0.94,2.902,3.667,5.023,6.898,5.086c-2.528,1.96-5.712,3.134-9.174,3.134c-0.598,0-1.183-0.034-1.761-0.104C9.268,36.786,13.152,38,17.321,38c13.585,0,21.017-11.156,21.017-20.834c0-0.317-0.01-0.633-0.025-0.945C39.763,15.197,41.013,13.905,42,12.429\"></path></view>\n    <text class=\"tooltiptext2\"></text>\n      <view class=\"card\"></view>\n        <view fill=\"#000000\" width=\"24px\" viewBox=\"0 0 24 24\" height=\"24px\" xmlns=\"http://www.w3.org/2000/svg\" class=\"account\"><path fill=\"none\" d=\"M0 0h24v24H0V0z\"></path><path d=\"M12 5.9c1.16 0 2.1.94 2.1 2.1s-.94 2.1-2.1 2.1S9.9 9.16 9.9 8s.94-2.1 2.1-2.1m0 9c2.97 0 6.1 1.46 6.1 2.1v1.1H5.9V17c0-.64 3.13-2.1 6.1-2.1M12 4C9.79 4 8 5.79 8 8s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4zm0 9c-2.67 0-8 1.34-8 4v3h16v-3c0-2.66-5.33-4-8-4z\"></path></view>\n      </div>\n      <view class=\"username\">@meontwitter</view>\n    </span>\n  </button>\n  <button class=\"btn3\"></button>\n    <view height=\"30px\" width=\"30px\" viewBox=\"0 0 30 30\" xmlns=\"http://www.w3.org/2000/svg\" class=\"git\">    <path d=\"M15,3C8.373,3,3,8.373,3,15c0,5.623,3.872,10.328,9.092,11.63C12.036,26.468,12,26.28,12,26.047v-2.051 c-0.487,0-1.303,0-1.508,0c-0.821,0-1.551-0.353-1.905-1.009c-0.393-0.729-0.461-1.844-1.435-2.526 c-0.289-0.227-0.069-0.486,0.264-0.451c0.615,0.174,1.125,0.596,1.605,1.222c0.478,0.627,0.703,0.769,1.596,0.769 c0.433,0,1.081-0.025,1.691-0.121c0.328-0.833,0.895-1.6,1.588-1.962c-3.996-0.411-5.903-2.399-5.903-5.098 c0-1.162,0.495-2.286,1.336-3.233C9.053,10.647,8.706,8.73,9.435,8c1.798,0,2.885,1.166,3.146,1.481C13.477,9.174,14.461,9,15.495,9 c1.036,0,2.024,0.174,2.922,0.483C18.675,9.17,19.763,8,21.565,8c0.732,0.731,0.381,2.656,0.102,3.594 c0.836,0.945,1.328,2.066,1.328,3.226c0,2.697-1.904,4.684-5.894,5.097C18.199,20.49,19,22.1,19,23.313v2.734 c0,0.104-0.023,0.179-0.035,0.268C23.641,24.676,27,20.236,27,15C27,8.373,21.627,3,15,3z\"></path></view>\n    <text class=\"tooltiptext3\"></text>\n      <view class=\"card\"></view>\n        <view fill=\"#000000\" width=\"24px\" viewBox=\"0 0 24 24\" height=\"24px\" xmlns=\"http://www.w3.org/2000/svg\" class=\"account\"><path fill=\"none\" d=\"M0 0h24v24H0V0z\"></path><path d=\"M12 5.9c1.16 0 2.1.94 2.1 2.1s-.94 2.1-2.1 2.1S9.9 9.16 9.9 8s.94-2.1 2.1-2.1m0 9c2.97 0 6.1 1.46 6.1 2.1v1.1H5.9V17c0-.64 3.13-2.1 6.1-2.1M12 4C9.79 4 8 5.79 8 8s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4zm0 9c-2.67 0-8 1.34-8 4v3h16v-3c0-2.66-5.33-4-8-4z\"></path></view>\n      </div>\n      <view class=\"username\">@meongit</view>\n    </span>\n  </button>\n</div>",
    "script": "export default {\n  name: 'GalaxyChillyBaboon67',\n  props: {\n    // 根据组件类型动态生成props\n  },\n  data() {\n    return {\n      // 组件状态\n    };\n  },\n  methods: {\n    // 组件方法\n  }\n}",
    "style": "\n/* From Uiverse.io by Praashoo7 - Tags: tooltip, social, button, rounded */\n.share {\n  display: flex;\n  flex-direction: row;\n  gap: 1em;\n  transition: .4s ease-in-out;\n  margin-top: 120rpx;\n}\n\n.btn1 {\n  position: relative;\n  width: 3em;\n  height: 3em;\n  outline: none;\n  border: none;\n  border-radius: 50%;\n  background-color: white;\n  transition: .4s all;\n}\n\n.btn1 .instagram {\n  margin-top: 0.1em;\n  fill: #cc39a4;\n}\n\n.btn1 .tooltiptext1 {\n  visibility: hidden;\n  width: 6em;\n  height: 8em;\n  background-color: whitesmoke;\n  color: black;\n  text-align: center;\n  border-radius: 20rpx;\n  padding: 1em;\n  position: absolute;\n  left: -1.5em;\n  top: -8em;\n  z-index: 1;\n  transition: .1s ease-in-out;\n}\n\n.btn1 .tooltiptext1 .card {\n  width: 4em;\n  height: 4em;\n  background-color: white;\n}\n\n.btn1 .tooltiptext1 .account {\n  margin-top: 1em;\n}\n\n.btn1 .tooltiptext1 .username {\n  font-size: 0.7em;\n  margin-top: 1.6em;\n  font-weight: bold;\n}\n\n.btn1:hover .tooltiptext1 {\n  transform: translateY(-1em);\n  visibility: visible;\n}\n\n.btn1:hover {\n  background-color: #cc39a4;\n}\n\n.btn1:hover .instagram {\n  fill: white;\n}\n\n.btn2 {\n  position: relative;\n  width: 3em;\n  height: 3em;\n  outline: none;\n  border: none;\n  border-radius: 50%;\n  background-color: white;\n  transition: .4s all;\n}\n\n.btn2 .twitter {\n  margin-top: .25em;\n  margin-left: .1em;\n  fill: #03A9F4;\n}\n\n.btn2 .tooltiptext2 {\n  visibility: hidden;\n  width: 6em;\n  height: 8em;\n  background-color: whitesmoke;\n  color: black;\n  text-align: center;\n  border-radius: 20rpx;\n  padding: 1em;\n  position: absolute;\n  left: -1.5em;\n  top: -8em;\n  z-index: 1;\n  transition: .1s ease-in-out;\n}\n\n.btn2 .tooltiptext2 .card {\n  width: 4em;\n  height: 4em;\n  background-color: white;\n}\n\n.btn2 .tooltiptext2 .account {\n  margin-top: 1em;\n}\n\n.btn2 .tooltiptext2 .username {\n  font-size: 0.6em;\n  margin-top: 1.6em;\n  font-weight: bold;\n}\n\n.btn2:hover .tooltiptext2 {\n  transform: translateY(-1em);\n  visibility: visible;\n}\n\n.btn2:hover {\n  background-color: #03A9F4;\n}\n\n.btn2:hover .twitter {\n  fill: white;\n}\n\n.btn3 {\n  position: relative;\n  width: 3em;\n  height: 3em;\n  outline: none;\n  border: none;\n  border-radius: 50%;\n  background-color: white;\n  transition: .4s all;\n}\n\n.btn3 .tooltiptext3 {\n  visibility: hidden;\n  width: 6em;\n  height: 8em;\n  background-color: whitesmoke;\n  color: black;\n  text-align: center;\n  border-radius: 20rpx;\n  padding: 1em;\n  position: absolute;\n  left: -1.5em;\n  top: -8em;\n  z-index: 1;\n  transition: .1s ease-in-out;\n}\n\n.btn3 .tooltiptext3 .card {\n  width: 4em;\n  height: 4em;\n  background-color: white;\n}\n\n.btn3 .tooltiptext3 .account {\n  margin-top: 1em;\n}\n\n.btn3 .tooltiptext3 .username {\n  font-size: 0.7em;\n  margin-top: 1.6em;\n  font-weight: bold;\n}\n\n.btn3:hover .tooltiptext3 {\n  transform: translateY(-1em);\n  visibility: visible;\n}\n\n.btn3:hover {\n  background-color: black;\n}\n\n.btn3:hover .git {\n  fill: white;\n}\n",
    "component_name": "GalaxyChillyBaboon67"
  },
  "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": [],
      "alternatives": []
    },
    "mp-alipay": {
      "supported": true,
      "issues": [],
      "alternatives": []
    },
    "app-plus": {
      "supported": true,
      "issues": [],
      "alternatives": []
    }
  },
  "performance": {
    "complexity": "high",
    "bundle_size": 7903,
    "render_cost": "high",
    "memory_usage": "high"
  },
  "dependencies": [],
  "examples": [
    {
      "title": "",
      "description": "",
      "code": ""
    }
  ],
  "created_at": "2025-07-31T07:55:34.262Z",
  "updated_at": "2025-07-31T07:55:34.262Z"
}