1 line
3.3 KiB
JSON
1 line
3.3 KiB
JSON
{"ast":null,"code":"import { mapState } from \"vuex\";\nexport default {\n name: \"toningResult\",\n props: {\n result: {\n type: Number,\n default: null\n },\n sendMode: {\n type: String,\n default: \"\"\n }\n },\n computed: {\n ...mapState({\n Lang: state => state.config.$lang,\n Type: state => state.config.$Type\n })\n }\n};","map":{"version":3,"names":["mapState","name","props","result","type","Number","default","sendMode","String","computed","Lang","state","config","$lang","Type","$Type"],"sources":["/Users/li/Desktop/work/work2/OG/GamePortrait/src/components/ToningResult.vue"],"sourcesContent":["<template>\n <div class=\"toning-result\">\n <template v-if=\"sendMode == 'openingToningResult'\">\n <div class=\"text\">\n {{\n result == 1 || result == 3\n ? Lang[Type].odd\n : result == 0 || result == 2 || result == 4\n ? Lang[Type].even\n : \"\"\n }}\n </div>\n <span class=\"round\" :class=\"{ red: result == 3 || result == 4 }\"></span>\n <span class=\"round\" :class=\"{ red: result == 3 || result == 4 }\"></span>\n <span\n class=\"round\"\n :class=\"{ red: result == 2 || result == 3 || result == 4 }\"\n ></span>\n <span\n class=\"round\"\n :class=\"[\n { red: result == 1 || result == 2 || result == 4 },\n { black: result == 0 || result == 3 }\n ]\"\n >\n {{ result }}\n </span>\n <div class=\"text\">\n {{\n result == 0 || result == 1\n ? Lang[Type].small\n : result == 3 || result == 4\n ? Lang[Type].big\n : \"\"\n }}\n </div>\n </template>\n </div>\n</template>\n\n<script>\nimport { mapState } from \"vuex\"\nexport default {\n name: \"toningResult\",\n props: {\n result: {\n type: Number,\n default: null\n },\n sendMode: {\n type: String,\n default: \"\"\n }\n },\n computed: {\n ...mapState({\n Lang: (state) => state.config.$lang,\n Type: (state) => state.config.$Type\n })\n }\n}\n</script>\n<style lang=\"scss\" scoped>\n.toning-result {\n width: 100%;\n height: 100%;\n position: absolute;\n left: 0;\n top: 0;\n background: rgba(0, 0, 0, 0.8);\n display: flex;\n align-items: center;\n justify-content: center;\n transform: rotateX(0deg);\n .text {\n font-size: 1rem;\n font-weight: 600;\n margin: 0 0.2rem;\n color: #ddd;\n }\n .round {\n width: 1rem;\n height: 1rem;\n border-radius: 1rem;\n background: #ddd;\n margin: 0 0.3rem;\n line-height: 1rem;\n text-align: center;\n font-size: 0.55rem;\n font-weight: 600;\n color: #fff;\n &.black {\n color: #222;\n }\n &.red {\n background: #fe8365;\n }\n }\n}\n</style>\n"],"mappings":"AAyCA,SAASA,QAAO,QAAS,MAAK;AAC9B,eAAe;EACbC,IAAI,EAAE,cAAc;EACpBC,KAAK,EAAE;IACLC,MAAM,EAAE;MACNC,IAAI,EAAEC,MAAM;MACZC,OAAO,EAAE;IACX,CAAC;IACDC,QAAQ,EAAE;MACRH,IAAI,EAAEI,MAAM;MACZF,OAAO,EAAE;IACX;EACF,CAAC;EACDG,QAAQ,EAAE;IACR,GAAGT,QAAQ,CAAC;MACVU,IAAI,EAAGC,KAAK,IAAKA,KAAK,CAACC,MAAM,CAACC,KAAK;MACnCC,IAAI,EAAGH,KAAK,IAAKA,KAAK,CAACC,MAAM,CAACG;IAChC,CAAC;EACH;AACF"},"metadata":{},"sourceType":"module","externalDependencies":[]} |