{"ast":null,"code":"export default {\n  name: \"chipView\",\n  props: {\n    list: {\n      type: Array,\n      default: () => []\n    },\n    win: {\n      type: Boolean,\n      default: false\n    }\n  },\n  setup() {}\n};","map":{"version":3,"names":["name","props","list","type","Array","default","win","Boolean","setup"],"sources":["/Users/li/Desktop/work/work2/OG/GamePortrait/src/components/chipView.vue"],"sourcesContent":["<template>\n  <div class=\"chip-view\" :class=\"{ win }\">\n    <transition-group\n      class=\"chip-box\"\n      tag=\"ul\"\n      enter-from-class=\"chip-enter-from\"\n      leave-to-class=\"chip-leave-to\"\n    >\n      <li\n        class=\"box\"\n        v-for=\"(item, index) in list\"\n        :key=\"`${item.key}_${index}`\"\n        :style=\"{\n          top: item.y,\n          left: item.x\n        }\"\n      >\n        <i class=\"chip\" :class=\"[item.key, item.type]\"></i>\n      </li>\n    </transition-group>\n  </div>\n</template>\n\n<script>\nexport default {\n  name: \"chipView\",\n  props: {\n    list: {\n      type: Array,\n      default: () => []\n    },\n    win: {\n      type: Boolean,\n      default: false\n    }\n  },\n  setup() {}\n}\n</script>\n<style lang=\"scss\" scoped>\n.chip-view {\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  left: 0;\n  top: 0;\n  z-index: 3;\n  &:active {\n    background: rgba(255, 255, 255, 0.3);\n  }\n  &.win {\n    background-color: rgba(255, 235, 59, 0.25);\n    -webkit-animation-timing-function: ease-in-out;\n    -webkit-animation-name: breathe;\n    -webkit-animation-duration: 0.5s;\n    -webkit-animation-iteration-count: infinite;\n    -webkit-animation-direction: alternate;\n  }\n  .chip-box {\n    position: absolute;\n    width: 100%;\n    height: 100%;\n    .box {\n      width: 0.69 * 1.35rem;\n      height: 0.55 * 1.35rem;\n      position: absolute;\n      transition: 0.5s all;\n    }\n    .chip {\n      width: 100%;\n      height: 100%;\n      display: block;\n    }\n  }\n}\n// /* 进场的瞬间与离场的效果添加 */\n.chip-enter-from {\n  opacity: 0;\n  transform: translateX(-1000px) scale(2);\n}\n.chip-leave-to {\n  opacity: 0;\n  transform: translateX(-1000px) scale(1);\n}\n</style>\n"],"mappings":"AAwBA,eAAe;EACbA,IAAI,EAAE,UAAU;EAChBC,KAAK,EAAE;IACLC,IAAI,EAAE;MACJC,IAAI,EAAEC,KAAK;MACXC,OAAO,EAAEA,CAAA,KAAM;IACjB,CAAC;IACDC,GAAG,EAAE;MACHH,IAAI,EAAEI,OAAO;MACbF,OAAO,EAAE;IACX;EACF,CAAC;EACDG,KAAKA,CAAA,EAAG,CAAC;AACX"},"metadata":{},"sourceType":"module","externalDependencies":[]}