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