1 line
2.5 KiB
JSON
1 line
2.5 KiB
JSON
{"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":[]} |