1 line
14 KiB
JSON
1 line
14 KiB
JSON
{"ast":null,"code":"import { computed } from \"vue\";\nimport { useStore } from \"vuex\";\nimport confirmBet from \"@/components/confirmBet.vue\";\nimport chipView from \"@/components/chipView.vue\";\nimport { toningData } from \"@/utils/common\";\nexport default {\n name: \"TableToning\",\n components: {\n confirmBet,\n chipView\n },\n props: {\n touch: {\n type: String,\n default: \"\"\n },\n bet_amount_msg: {\n type: Object,\n default: () => ({\n ...toningData.amount\n })\n },\n winArray: {\n type: Array,\n default: () => []\n },\n downChip: {\n type: Object,\n default: () => ({\n ...toningData.amount\n })\n },\n chipArray: {\n type: Object,\n default: () => ({\n ...toningData.array\n })\n }\n },\n setup(prop, context) {\n const store = useStore();\n const Type = computed(() => store.state.config.$Type);\n const Lang = computed(() => store.state.config.$lang);\n const downBet = (e, type) => {\n context.emit(\"downBet\", e, type);\n };\n const confirmChip = () => {\n context.emit(\"confirmChip\");\n };\n const cancelChip = () => {\n context.emit(\"cancelChip\");\n };\n return {\n Type,\n Lang,\n downBet,\n confirmChip,\n cancelChip\n };\n }\n};","map":{"version":3,"names":["computed","useStore","confirmBet","chipView","toningData","name","components","props","touch","type","String","default","bet_amount_msg","Object","amount","winArray","Array","downChip","chipArray","array","setup","prop","context","store","Type","state","config","$Type","Lang","$lang","downBet","e","emit","confirmChip","cancelChip"],"sources":["/Users/li/Desktop/work/work2/OG/GamePortrait/src/components/PlayTable/TableToning.vue"],"sourcesContent":["<template>\n <div class=\"toning\">\n <div class=\"list\">\n <!-- 0 -->\n <div class=\"item\">\n <confirmBet\n @confirm=\"confirmChip\"\n @cancel=\"cancelChip\"\n :data=\"{\n money: downChip.toning_zero,\n show: touch == 'toning_zero'\n }\"\n ></confirmBet>\n <chipView\n @click=\"downBet($event, 'toning_zero')\"\n :list=\"chipArray.toning_zero\"\n :win=\"winArray.includes('toning_zero')\"\n ></chipView>\n <div class=\"round-box\">\n <span class=\"span\"></span>\n <span class=\"span\"></span>\n <span class=\"span\"></span>\n <span class=\"span\">0</span>\n </div>\n <div class=\"proportion\">\n <span>1:12</span>\n </div>\n <div class=\"money\">{{ bet_amount_msg.toning_zero }}</div>\n </div>\n <!-- 双 -->\n <div class=\"item\">\n <confirmBet\n @confirm=\"confirmChip\"\n @cancel=\"cancelChip\"\n :data=\"{\n money: downChip.toning_plural,\n show: touch == 'toning_plural'\n }\"\n ></confirmBet>\n <chipView\n @click=\"downBet($event, 'toning_plural')\"\n :list=\"chipArray.toning_plural\"\n :win=\"winArray.includes('toning_plural')\"\n ></chipView>\n <div class=\"text banker\">\n <span class=\"big\">{{ Lang[Type].even }}</span>\n <span>1:0.96</span>\n </div>\n <div class=\"money\">{{ bet_amount_msg.toning_plural }}</div>\n </div>\n <!-- 单 -->\n <div class=\"item\">\n <confirmBet\n @confirm=\"confirmChip\"\n @cancel=\"cancelChip\"\n :data=\"{\n money: downChip.toning_singular,\n show: touch == 'toning_singular'\n }\"\n ></confirmBet>\n <chipView\n @click=\"downBet($event, 'toning_singular')\"\n :list=\"chipArray.toning_singular\"\n :win=\"winArray.includes('toning_singular')\"\n ></chipView>\n <div class=\"text palyer\">\n <span class=\"big\">{{ Lang[Type].odd }}</span>\n <span>1:0.96</span>\n </div>\n <div class=\"money\">{{ bet_amount_msg.toning_singular }}</div>\n </div>\n <!-- 4 -->\n <div class=\"item\">\n <confirmBet\n @confirm=\"confirmChip\"\n @cancel=\"cancelChip\"\n :data=\"{\n money: downChip.toning_four,\n show: touch == 'toning_four'\n }\"\n ></confirmBet>\n <chipView\n @click=\"downBet($event, 'toning_four')\"\n :list=\"chipArray.toning_four\"\n :win=\"winArray.includes('toning_four')\"\n ></chipView>\n <div class=\"round-box\">\n <span class=\"span red\"></span>\n <span class=\"span red\"></span>\n <span class=\"span red\"></span>\n <span class=\"span red\">4</span>\n </div>\n <div class=\"proportion\">\n <span>1:12</span>\n </div>\n <div class=\"money\">{{ bet_amount_msg.toning_four }}</div>\n </div>\n </div>\n <div class=\"list\">\n <!-- 1 -->\n <div class=\"item\">\n <confirmBet\n @confirm=\"confirmChip\"\n @cancel=\"cancelChip\"\n :data=\"{\n money: downChip.toning_one,\n show: touch == 'toning_one'\n }\"\n ></confirmBet>\n <chipView\n @click=\"downBet($event, 'toning_one')\"\n :list=\"chipArray.toning_one\"\n :win=\"winArray.includes('toning_one')\"\n ></chipView>\n <div class=\"round-box\">\n <span class=\"span\"></span>\n <span class=\"span\"></span>\n <span class=\"span\"></span>\n <span class=\"span red\">1</span>\n </div>\n <div class=\"proportion\">\n <span>1:2.6</span>\n </div>\n <div class=\"money\">{{ bet_amount_msg.toning_one }}</div>\n </div>\n <!-- 小 -->\n <div class=\"item\">\n <confirmBet\n @confirm=\"confirmChip\"\n @cancel=\"cancelChip\"\n :data=\"{\n money: downChip.toning_small,\n show: touch == 'toning_small'\n }\"\n ></confirmBet>\n <chipView\n @click=\"downBet($event, 'toning_small')\"\n :list=\"chipArray.toning_small\"\n :win=\"winArray.includes('toning_small')\"\n ></chipView>\n <div class=\"text palyer\">\n <span class=\"big\">{{ Lang[Type].small }}</span>\n <span>1:0.96</span>\n </div>\n <div class=\"money\">{{ bet_amount_msg.toning_small }}</div>\n </div>\n <!-- 大 -->\n <div class=\"item\">\n <confirmBet\n @confirm=\"confirmChip\"\n @cancel=\"cancelChip\"\n :data=\"{\n money: downChip.toning_big,\n show: touch == 'toning_big'\n }\"\n ></confirmBet>\n <chipView\n @click=\"downBet($event, 'toning_big')\"\n :list=\"chipArray.toning_big\"\n :win=\"winArray.includes('toning_big')\"\n ></chipView>\n <div class=\"text banker\">\n <span class=\"big\">{{ Lang[Type].big }}</span>\n <span>1:0.96</span>\n </div>\n <div class=\"money\">{{ bet_amount_msg.toning_big }}</div>\n </div>\n <!-- 3 -->\n <div class=\"item\">\n <confirmBet\n @confirm=\"confirmChip\"\n @cancel=\"cancelChip\"\n :data=\"{\n money: downChip.toning_three,\n show: touch == 'toning_three'\n }\"\n ></confirmBet>\n <chipView\n @click=\"downBet($event, 'toning_three')\"\n :list=\"chipArray.toning_three\"\n :win=\"winArray.includes('toning_three')\"\n ></chipView>\n <div class=\"round-box\">\n <span class=\"span red\"></span>\n <span class=\"span red\"></span>\n <span class=\"span red\"></span>\n <span class=\"span\">3</span>\n </div>\n <div class=\"proportion\">\n <span>1:2.6</span>\n </div>\n <div class=\"money\">{{ bet_amount_msg.toning_three }}</div>\n </div>\n </div>\n </div>\n</template>\n\n<script>\nimport { computed } from \"vue\"\nimport { useStore } from \"vuex\"\nimport confirmBet from \"@/components/confirmBet.vue\"\nimport chipView from \"@/components/chipView.vue\"\nimport { toningData } from \"@/utils/common\"\nexport default {\n name: \"TableToning\",\n components: { confirmBet, chipView },\n props: {\n touch: {\n type: String,\n default: \"\"\n },\n bet_amount_msg: {\n type: Object,\n default: () => ({\n ...toningData.amount\n })\n },\n winArray: {\n type: Array,\n default: () => []\n },\n downChip: {\n type: Object,\n default: () => ({\n ...toningData.amount\n })\n },\n chipArray: {\n type: Object,\n default: () => ({ ...toningData.array })\n }\n },\n setup(prop, context) {\n const store = useStore()\n const Type = computed(() => store.state.config.$Type)\n const Lang = computed(() => store.state.config.$lang)\n const downBet = (e, type) => {\n context.emit(\"downBet\", e, type)\n }\n const confirmChip = () => {\n context.emit(\"confirmChip\")\n }\n const cancelChip = () => {\n context.emit(\"cancelChip\")\n }\n return { Type, Lang, downBet, confirmChip, cancelChip }\n }\n}\n</script>\n<style lang=\"scss\" scoped>\n.toning {\n .list {\n height: 50%;\n width: 100%;\n display: flex;\n box-sizing: border-box;\n &:first-child {\n border-bottom: 1px solid #898a91;\n .item:nth-of-type(1) {\n .chip-view {\n border-top-left-radius: 10px;\n }\n }\n .item:nth-of-type(4) {\n .chip-view {\n border-top-right-radius: 10px;\n }\n }\n }\n &:last-child {\n .item:nth-of-type(1) {\n .chip-view {\n border-bottom-left-radius: 10px;\n }\n }\n .item:nth-of-type(4) {\n .chip-view {\n border-bottom-right-radius: 10px;\n }\n }\n }\n .item {\n flex: 1;\n max-width: 25%;\n position: relative;\n border-right: 1px solid #898a91;\n font-size: 0.45rem;\n &:last-child {\n border: none;\n }\n &.unclick {\n &:after {\n content: \"\";\n position: absolute;\n width: 102%;\n border-bottom: 1px solid #898a91;\n top: 50%;\n transform: rotate(14deg);\n z-index: 6;\n left: -2px;\n }\n &.max:after {\n width: 104%;\n transform: rotate(21deg);\n }\n &.min:after {\n width: 104%;\n transform: rotate(21deg);\n }\n .chip-view {\n background: rgb(98 74 4 / 40%);\n }\n }\n\n .chip-box {\n position: absolute;\n width: 100%;\n height: 100%;\n left: 0;\n top: 0;\n &:active {\n background: rgba(255, 255, 255, 0.3);\n }\n }\n .text {\n position: relative;\n display: flex;\n justify-content: center;\n align-items: center;\n height: 100%;\n line-height: 1;\n z-index: 2;\n pointer-events: none;\n font-size: 0.5rem;\n text-shadow: 1px 1px #050505;\n .big {\n font-weight: bold;\n padding-right: 0.24rem;\n padding-left: 0.2rem;\n font-size: 0.58rem;\n }\n }\n .money {\n position: absolute;\n left: 0px;\n bottom: -2px;\n font-size: 0.24rem;\n font-weight: normal;\n transform: scale(0.7);\n color: #ddd;\n vertical-align: bottom;\n pointer-events: none;\n &::before {\n display: inline-block;\n content: \"总\";\n background: rgba(255, 255, 255, 0.4);\n font-size: 10px;\n border-radius: 0.615rem;\n width: 0.615rem;\n height: 0.615rem;\n text-align: center;\n line-height: 0.615rem;\n font-weight: normal;\n margin-right: 0.06rem;\n transform: scale(0.7);\n }\n }\n .round-box,\n .proportion {\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 0.4rem;\n color: #ddd;\n .span {\n width: 0.65rem;\n height: 0.65rem;\n border-radius: 0.7rem;\n background: #ddd;\n margin: 0.1rem;\n text-align: center;\n line-height: 0.7rem;\n font-size: 0.48rem;\n font-weight: 600;\n color: #222;\n &.red {\n background: #fe8365;\n }\n }\n }\n }\n }\n}\n.banker {\n color: #fe8365;\n}\n.palyer {\n color: #12a2e6;\n}\n.bpair {\n color: #fe8365;\n}\n.ppair {\n color: #12a2e6;\n}\n.tie {\n color: #75e7af;\n}\n.min {\n border-top-left-radius: 10px;\n color: #f3c866;\n}\n.max {\n border-top-right-radius: 10px;\n color: #f3c866;\n}\n</style>\n"],"mappings":"AAsMA,SAASA,QAAO,QAAS,KAAI;AAC7B,SAASC,QAAO,QAAS,MAAK;AAC9B,OAAOC,UAAS,MAAO,6BAA4B;AACnD,OAAOC,QAAO,MAAO,2BAA0B;AAC/C,SAASC,UAAS,QAAS,gBAAe;AAC1C,eAAe;EACbC,IAAI,EAAE,aAAa;EACnBC,UAAU,EAAE;IAAEJ,UAAU;IAAEC;EAAS,CAAC;EACpCI,KAAK,EAAE;IACLC,KAAK,EAAE;MACLC,IAAI,EAAEC,MAAM;MACZC,OAAO,EAAE;IACX,CAAC;IACDC,cAAc,EAAE;MACdH,IAAI,EAAEI,MAAM;MACZF,OAAO,EAAEA,CAAA,MAAO;QACd,GAAGP,UAAU,CAACU;MAChB,CAAC;IACH,CAAC;IACDC,QAAQ,EAAE;MACRN,IAAI,EAAEO,KAAK;MACXL,OAAO,EAAEA,CAAA,KAAM;IACjB,CAAC;IACDM,QAAQ,EAAE;MACRR,IAAI,EAAEI,MAAM;MACZF,OAAO,EAAEA,CAAA,MAAO;QACd,GAAGP,UAAU,CAACU;MAChB,CAAC;IACH,CAAC;IACDI,SAAS,EAAE;MACTT,IAAI,EAAEI,MAAM;MACZF,OAAO,EAAEA,CAAA,MAAO;QAAE,GAAGP,UAAU,CAACe;MAAM,CAAC;IACzC;EACF,CAAC;EACDC,KAAKA,CAACC,IAAI,EAAEC,OAAO,EAAE;IACnB,MAAMC,KAAI,GAAItB,QAAQ,EAAC;IACvB,MAAMuB,IAAG,GAAIxB,QAAQ,CAAC,MAAMuB,KAAK,CAACE,KAAK,CAACC,MAAM,CAACC,KAAK;IACpD,MAAMC,IAAG,GAAI5B,QAAQ,CAAC,MAAMuB,KAAK,CAACE,KAAK,CAACC,MAAM,CAACG,KAAK;IACpD,MAAMC,OAAM,GAAIA,CAACC,CAAC,EAAEtB,IAAI,KAAK;MAC3Ba,OAAO,CAACU,IAAI,CAAC,SAAS,EAAED,CAAC,EAAEtB,IAAI;IACjC;IACA,MAAMwB,WAAU,GAAIA,CAAA,KAAM;MACxBX,OAAO,CAACU,IAAI,CAAC,aAAa;IAC5B;IACA,MAAME,UAAS,GAAIA,CAAA,KAAM;MACvBZ,OAAO,CAACU,IAAI,CAAC,YAAY;IAC3B;IACA,OAAO;MAAER,IAAI;MAAEI,IAAI;MAAEE,OAAO;MAAEG,WAAW;MAAEC;IAAW;EACxD;AACF"},"metadata":{},"sourceType":"module","externalDependencies":[]} |