1 line
49 KiB
JSON
1 line
49 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 { diceData } from \"@/utils/common\";\nexport default {\n name: \"TableDice\",\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 ...diceData.amount\n })\n },\n winArray: {\n type: Array,\n default: () => []\n },\n downChip: {\n type: Object,\n default: () => ({\n ...diceData.amount\n })\n },\n chipArray: {\n type: Object,\n default: () => ({\n ...diceData.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","diceData","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/TableDice.vue"],"sourcesContent":["<template>\n <!-- 骰宝 -->\n <div class=\"dice\">\n <div class=\"list first\">\n <!-- small -->\n <div class=\"cols item small\">\n <confirmBet\n @confirm=\"confirmChip\"\n @cancel=\"cancelChip\"\n :data=\"{\n money: downChip.small,\n show: touch == 'small'\n }\"\n ></confirmBet>\n <chipView\n @click=\"downBet($event, 'small')\"\n :list=\"chipArray.small\"\n :win=\"winArray.includes('small')\"\n ></chipView>\n <div class=\"text\">\n <span class=\"big blue\">{{ Lang[Type].small }}</span>\n <span class=\"points blue\">4-10</span>\n <span>1:1</span>\n </div>\n <div class=\"money\">{{ bet_amount_msg.small || 0 }}</div>\n </div>\n <div class=\"cols\">\n <div class=\"ratio\">1:10</div>\n <!-- two_11 -->\n <div class=\"item\">\n <confirmBet\n @confirm=\"confirmChip\"\n @cancel=\"cancelChip\"\n :data=\"{\n money: downChip.two_11,\n show: touch == 'two_11'\n }\"\n ></confirmBet>\n <chipView\n @click=\"downBet($event, 'two_11')\"\n :list=\"chipArray.two_11\"\n :win=\"winArray.includes('two_11')\"\n ></chipView>\n <div class=\"dice-box\">\n <span class=\"span dice_1\"></span>\n <span class=\"span dice_1\"></span>\n </div>\n <div class=\"money\">{{ bet_amount_msg.two_11 || 0 }}</div>\n </div>\n <!-- two_22 -->\n <div class=\"item\">\n <confirmBet\n @confirm=\"confirmChip\"\n @cancel=\"cancelChip\"\n :data=\"{\n money: downChip.two_22,\n show: touch == 'two_22'\n }\"\n ></confirmBet>\n <chipView\n @click=\"downBet($event, 'two_22')\"\n :list=\"chipArray.two_22\"\n :win=\"winArray.includes('two_22')\"\n ></chipView>\n <div class=\"dice-box\">\n <span class=\"span dice_2\"></span>\n <span class=\"span dice_2\"></span>\n </div>\n <div class=\"money\">{{ bet_amount_msg.two_22 || 0 }}</div>\n </div>\n <!-- two_33 -->\n <div class=\"item\">\n <confirmBet\n @confirm=\"confirmChip\"\n @cancel=\"cancelChip\"\n :data=\"{\n money: downChip.two_33,\n show: touch == 'two_33'\n }\"\n ></confirmBet>\n <chipView\n @click=\"downBet($event, 'two_33')\"\n :list=\"chipArray.two_33\"\n :win=\"winArray.includes('two_33')\"\n ></chipView>\n <div class=\"dice-box\">\n <span class=\"span dice_3\"></span>\n <span class=\"span dice_3\"></span>\n </div>\n <div class=\"money\">{{ bet_amount_msg.two_33 || 0 }}</div>\n </div>\n </div>\n <div class=\"cols\">\n <div class=\"ratio\">{{ Lang[Type].wai_dice }}1:180</div>\n <!-- three_111 -->\n <div class=\"item\">\n <confirmBet\n @confirm=\"confirmChip\"\n @cancel=\"cancelChip\"\n :data=\"{\n money: downChip.three_111,\n show: touch == 'three_111'\n }\"\n ></confirmBet>\n <chipView\n @click=\"downBet($event, 'three_111')\"\n :list=\"chipArray.three_111\"\n :win=\"winArray.includes('three_111')\"\n ></chipView>\n <div class=\"dice-box\">\n <span class=\"span dice_1\"></span>\n <span class=\"span dice_1\"></span>\n <span class=\"span dice_1\"></span>\n </div>\n <div class=\"money\">{{ bet_amount_msg.three_111 || 0 }}</div>\n </div>\n <!-- three_222 -->\n <div class=\"item\">\n <confirmBet\n @confirm=\"confirmChip\"\n @cancel=\"cancelChip\"\n :data=\"{\n money: downChip.three_222,\n show: touch == 'three_222'\n }\"\n ></confirmBet>\n <chipView\n @click=\"downBet($event, 'three_222')\"\n :list=\"chipArray.three_222\"\n :win=\"winArray.includes('three_222')\"\n ></chipView>\n <div class=\"dice-box\">\n <span class=\"span dice_2\"></span>\n <span class=\"span dice_2\"></span>\n <span class=\"span dice_2\"></span>\n </div>\n <div class=\"money\">{{ bet_amount_msg.three_222 || 0 }}</div>\n </div>\n <!-- three_333 -->\n <div class=\"item\">\n <confirmBet\n @confirm=\"confirmChip\"\n @cancel=\"cancelChip\"\n :data=\"{\n money: downChip.three_333,\n show: touch == 'three_333'\n }\"\n ></confirmBet>\n <chipView\n @click=\"downBet($event, 'three_333')\"\n :list=\"chipArray.three_333\"\n :win=\"winArray.includes('three_333')\"\n ></chipView>\n <div class=\"dice-box\">\n <span class=\"span dice_3\"></span>\n <span class=\"span dice_3\"></span>\n <span class=\"span dice_3\"></span>\n </div>\n <div class=\"money\">{{ bet_amount_msg.three_333 || 0 }}</div>\n </div>\n </div>\n <div class=\"cols triplet\">\n <div class=\"ratio\">{{ Lang[Type].all_dice }}1:30</div>\n <!-- leopard -->\n <div class=\"item\">\n <confirmBet\n @confirm=\"confirmChip\"\n @cancel=\"cancelChip\"\n :data=\"{\n money: downChip.leopard,\n show: touch == 'leopard'\n }\"\n ></confirmBet>\n <chipView\n @click=\"downBet($event, 'leopard')\"\n :list=\"chipArray.leopard\"\n :win=\"winArray.includes('leopard')\"\n ></chipView>\n <div class=\"dice-box\">\n <div class=\"column\">\n <div class=\"flex\">\n <span class=\"span dice_1\"></span>\n <span class=\"span dice_1\"></span>\n <span class=\"span dice_1\"></span>\n </div>\n <div class=\"flex\">\n <span class=\"span dice_2\"></span>\n <span class=\"span dice_2\"></span>\n <span class=\"span dice_2\"></span>\n </div>\n <div class=\"flex\">\n <span class=\"span dice_3\"></span>\n <span class=\"span dice_3\"></span>\n <span class=\"span dice_3\"></span>\n </div>\n </div>\n <div class=\"column\">\n <div class=\"flex\">\n <span class=\"span dice_4\"></span>\n <span class=\"span dice_4\"></span>\n <span class=\"span dice_4\"></span>\n </div>\n <div class=\"flex\">\n <span class=\"span dice_5\"></span>\n <span class=\"span dice_5\"></span>\n <span class=\"span dice_5\"></span>\n </div>\n <div class=\"flex\">\n <span class=\"span dice_6\"></span>\n <span class=\"span dice_6\"></span>\n <span class=\"span dice_6\"></span>\n </div>\n </div>\n </div>\n <div class=\"money\">{{ bet_amount_msg.leopard || 0 }}</div>\n </div>\n </div>\n <div class=\"cols\">\n <div class=\"ratio\">{{ Lang[Type].wai_dice }}1:180</div>\n <!-- three_444 -->\n <div class=\"item\">\n <confirmBet\n @confirm=\"confirmChip\"\n @cancel=\"cancelChip\"\n :data=\"{\n money: downChip.three_444,\n show: touch == 'three_444'\n }\"\n ></confirmBet>\n <chipView\n @click=\"downBet($event, 'three_444')\"\n :list=\"chipArray.three_444\"\n :win=\"winArray.includes('three_444')\"\n ></chipView>\n <div class=\"dice-box\">\n <span class=\"span dice_4\"></span>\n <span class=\"span dice_4\"></span>\n <span class=\"span dice_4\"></span>\n </div>\n <div class=\"money\">{{ bet_amount_msg.three_444 || 0 }}</div>\n </div>\n <!-- three_555 -->\n <div class=\"item\">\n <confirmBet\n @confirm=\"confirmChip\"\n @cancel=\"cancelChip\"\n :data=\"{\n money: downChip.three_555,\n show: touch == 'three_555'\n }\"\n ></confirmBet>\n <chipView\n @click=\"downBet($event, 'three_555')\"\n :list=\"chipArray.three_555\"\n :win=\"winArray.includes('three_555')\"\n ></chipView>\n <div class=\"dice-box\">\n <span class=\"span dice_5\"></span>\n <span class=\"span dice_5\"></span>\n <span class=\"span dice_5\"></span>\n </div>\n <div class=\"money\">{{ bet_amount_msg.three_555 || 0 }}</div>\n </div>\n <!-- three_666 -->\n <div class=\"item\">\n <confirmBet\n @confirm=\"confirmChip\"\n @cancel=\"cancelChip\"\n :data=\"{\n money: downChip.three_666,\n show: touch == 'three_666'\n }\"\n ></confirmBet>\n <chipView\n @click=\"downBet($event, 'three_666')\"\n :list=\"chipArray.three_666\"\n :win=\"winArray.includes('three_666')\"\n ></chipView>\n <div class=\"dice-box\">\n <span class=\"span dice_6\"></span>\n <span class=\"span dice_6\"></span>\n <span class=\"span dice_6\"></span>\n </div>\n <div class=\"money\">{{ bet_amount_msg.three_666 || 0 }}</div>\n </div>\n </div>\n <div class=\"cols\">\n <div class=\"ratio\">1:10</div>\n <!-- two_44 -->\n <div class=\"item\">\n <confirmBet\n @confirm=\"confirmChip\"\n @cancel=\"cancelChip\"\n :data=\"{\n money: downChip.two_44,\n show: touch == 'two_44'\n }\"\n ></confirmBet>\n <chipView\n @click=\"downBet($event, 'two_44')\"\n :list=\"chipArray.two_44\"\n :win=\"winArray.includes('two_44')\"\n ></chipView>\n <div class=\"dice-box\">\n <span class=\"span dice_4\"></span>\n <span class=\"span dice_4\"></span>\n </div>\n <div class=\"money\">{{ bet_amount_msg.two_44 || 0 }}</div>\n </div>\n <!-- two_55 -->\n <div class=\"item\">\n <confirmBet\n @confirm=\"confirmChip\"\n @cancel=\"cancelChip\"\n :data=\"{\n money: downChip.two_55,\n show: touch == 'two_55'\n }\"\n ></confirmBet>\n <chipView\n @click=\"downBet($event, 'two_55')\"\n :list=\"chipArray.two_55\"\n :win=\"winArray.includes('two_55')\"\n ></chipView>\n <div class=\"dice-box\">\n <span class=\"span dice_5\"></span>\n <span class=\"span dice_5\"></span>\n </div>\n <div class=\"money\">{{ bet_amount_msg.two_55 || 0 }}</div>\n </div>\n <!-- two_66 -->\n <div class=\"item\">\n <confirmBet\n @confirm=\"confirmChip\"\n @cancel=\"cancelChip\"\n :data=\"{\n money: downChip.two_66,\n show: touch == 'two_66'\n }\"\n ></confirmBet>\n <chipView\n @click=\"downBet($event, 'two_66')\"\n :list=\"chipArray.two_66\"\n :win=\"winArray.includes('two_66')\"\n ></chipView>\n <div class=\"dice-box\">\n <span class=\"span dice_6\"></span>\n <span class=\"span dice_6\"></span>\n </div>\n <div class=\"money\">{{ bet_amount_msg.two_66 || 0 }}</div>\n </div>\n </div>\n <div class=\"cols item big\">\n <confirmBet\n @confirm=\"confirmChip\"\n @cancel=\"cancelChip\"\n :data=\"{\n money: downChip.big,\n show: touch == 'big'\n }\"\n ></confirmBet>\n <chipView\n @click=\"downBet($event, 'big')\"\n :list=\"chipArray.big\"\n :win=\"winArray.includes('big')\"\n ></chipView>\n <div class=\"text\">\n <span class=\"big red\">{{ Lang[Type].big }}</span>\n <span class=\"points red\">11-17</span>\n <span>1:1</span>\n </div>\n <div class=\"money\">{{ bet_amount_msg.big || 0 }}</div>\n </div>\n </div>\n <div class=\"list second\">\n <!-- number_4 -->\n <div class=\"item\">\n <confirmBet\n @confirm=\"confirmChip\"\n @cancel=\"cancelChip\"\n :data=\"{\n money: downChip.number_4,\n show: touch == 'number_4'\n }\"\n ></confirmBet>\n <chipView\n @click=\"downBet($event, 'number_4')\"\n :list=\"chipArray.number_4\"\n :win=\"winArray.includes('number_4')\"\n ></chipView>\n <div class=\"text\">\n <span class=\"big\">4</span>\n <span>1:60</span>\n </div>\n <div class=\"money\">{{ bet_amount_msg.number_4 || 0 }}</div>\n </div>\n <!-- number_5 -->\n <div class=\"item\">\n <confirmBet\n @confirm=\"confirmChip\"\n @cancel=\"cancelChip\"\n :data=\"{\n money: downChip.number_5,\n show: touch == 'number_5'\n }\"\n ></confirmBet>\n <chipView\n @click=\"downBet($event, 'number_5')\"\n :list=\"chipArray.number_5\"\n :win=\"winArray.includes('number_5')\"\n ></chipView>\n <div class=\"text\">\n <span class=\"big\">5</span>\n <span>1:30</span>\n </div>\n <div class=\"money\">{{ bet_amount_msg.number_5 || 0 }}</div>\n </div>\n <!-- number_6 -->\n <div class=\"item\">\n <confirmBet\n @confirm=\"confirmChip\"\n @cancel=\"cancelChip\"\n :data=\"{\n money: downChip.number_6,\n show: touch == 'number_6'\n }\"\n ></confirmBet>\n <chipView\n @click=\"downBet($event, 'number_6')\"\n :list=\"chipArray.number_6\"\n :win=\"winArray.includes('number_6')\"\n ></chipView>\n <div class=\"text\">\n <span class=\"big\">6</span>\n <span>1:18</span>\n </div>\n <div class=\"money\">{{ bet_amount_msg.number_6 || 0 }}</div>\n </div>\n <!-- number_7 -->\n <div class=\"item\">\n <confirmBet\n @confirm=\"confirmChip\"\n @cancel=\"cancelChip\"\n :data=\"{\n money: downChip.number_7,\n show: touch == 'number_7'\n }\"\n ></confirmBet>\n <chipView\n @click=\"downBet($event, 'number_7')\"\n :list=\"chipArray.number_7\"\n :win=\"winArray.includes('number_7')\"\n ></chipView>\n <div class=\"text\">\n <span class=\"big\">7</span>\n <span>1:12</span>\n </div>\n <div class=\"money\">{{ bet_amount_msg.number_7 || 0 }}</div>\n </div>\n <!-- number_8 -->\n <div class=\"item\">\n <confirmBet\n @confirm=\"confirmChip\"\n @cancel=\"cancelChip\"\n :data=\"{\n money: downChip.number_8,\n show: touch == 'number_8'\n }\"\n ></confirmBet>\n <chipView\n @click=\"downBet($event, 'number_8')\"\n :list=\"chipArray.number_8\"\n :win=\"winArray.includes('number_8')\"\n ></chipView>\n <div class=\"text\">\n <span class=\"big\">8</span>\n <span>1:8</span>\n </div>\n <div class=\"money\">{{ bet_amount_msg.number_8 || 0 }}</div>\n </div>\n <!-- number_9 -->\n <div class=\"item\">\n <confirmBet\n @confirm=\"confirmChip\"\n @cancel=\"cancelChip\"\n :data=\"{\n money: downChip.number_9,\n show: touch == 'number_9'\n }\"\n ></confirmBet>\n <chipView\n @click=\"downBet($event, 'number_9')\"\n :list=\"chipArray.number_9\"\n :win=\"winArray.includes('number_9')\"\n ></chipView>\n <div class=\"text\">\n <span class=\"big\">9</span>\n <span>1:6</span>\n </div>\n <div class=\"money\">{{ bet_amount_msg.number_9 || 0 }}</div>\n </div>\n <!-- number_10 -->\n <div class=\"item\">\n <confirmBet\n @confirm=\"confirmChip\"\n @cancel=\"cancelChip\"\n :data=\"{\n money: downChip.number_10,\n show: touch == 'number_10'\n }\"\n ></confirmBet>\n <chipView\n @click=\"downBet($event, 'number_10')\"\n :list=\"chipArray.number_10\"\n :win=\"winArray.includes('number_10')\"\n ></chipView>\n <div class=\"text\">\n <span class=\"big\">10</span>\n <span>1:6</span>\n </div>\n <div class=\"money\">{{ bet_amount_msg.number_10 || 0 }}</div>\n </div>\n <!-- number_11 -->\n <div class=\"item\">\n <confirmBet\n @confirm=\"confirmChip\"\n @cancel=\"cancelChip\"\n :data=\"{\n money: downChip.number_11,\n show: touch == 'number_11'\n }\"\n ></confirmBet>\n <chipView\n @click=\"downBet($event, 'number_11')\"\n :list=\"chipArray.number_11\"\n :win=\"winArray.includes('number_11')\"\n ></chipView>\n <div class=\"text\">\n <span class=\"big\">11</span>\n <span>1:6</span>\n </div>\n <div class=\"money\">{{ bet_amount_msg.number_11 || 0 }}</div>\n </div>\n <!-- number_12 -->\n <div class=\"item\">\n <confirmBet\n @confirm=\"confirmChip\"\n @cancel=\"cancelChip\"\n :data=\"{\n money: downChip.number_12,\n show: touch == 'number_12'\n }\"\n ></confirmBet>\n <chipView\n @click=\"downBet($event, 'number_12')\"\n :list=\"chipArray.number_12\"\n :win=\"winArray.includes('number_12')\"\n ></chipView>\n <div class=\"text\">\n <span class=\"big\">12</span>\n <span>1:6</span>\n </div>\n <div class=\"money\">{{ bet_amount_msg.number_12 || 0 }}</div>\n </div>\n <!-- number_13 -->\n <div class=\"item\">\n <confirmBet\n @confirm=\"confirmChip\"\n @cancel=\"cancelChip\"\n :data=\"{\n money: downChip.number_13,\n show: touch == 'number_13'\n }\"\n ></confirmBet>\n <chipView\n @click=\"downBet($event, 'number_13')\"\n :list=\"chipArray.number_13\"\n :win=\"winArray.includes('number_13')\"\n ></chipView>\n <div class=\"text\">\n <span class=\"big\">13</span>\n <span>1:8</span>\n </div>\n <div class=\"money\">{{ bet_amount_msg.number_13 || 0 }}</div>\n </div>\n <!-- number_14 -->\n <div class=\"item\">\n <confirmBet\n @confirm=\"confirmChip\"\n @cancel=\"cancelChip\"\n :data=\"{\n money: downChip.number_14,\n show: touch == 'number_14'\n }\"\n ></confirmBet>\n <chipView\n @click=\"downBet($event, 'number_14')\"\n :list=\"chipArray.number_14\"\n :win=\"winArray.includes('number_14')\"\n ></chipView>\n <div class=\"text\">\n <span class=\"big\">14</span>\n <span>1:12</span>\n </div>\n <div class=\"money\">{{ bet_amount_msg.number_14 || 0 }}</div>\n </div>\n <!-- number_15 -->\n <div class=\"item\">\n <confirmBet\n @confirm=\"confirmChip\"\n @cancel=\"cancelChip\"\n :data=\"{\n money: downChip.number_15,\n show: touch == 'number_15'\n }\"\n ></confirmBet>\n <chipView\n @click=\"downBet($event, 'number_15')\"\n :list=\"chipArray.number_15\"\n :win=\"winArray.includes('number_15')\"\n ></chipView>\n <div class=\"text\">\n <span class=\"big\">15</span>\n <span>1:18</span>\n </div>\n <div class=\"money\">{{ bet_amount_msg.number_15 || 0 }}</div>\n </div>\n <!-- number_16 -->\n <div class=\"item\">\n <confirmBet\n @confirm=\"confirmChip\"\n @cancel=\"cancelChip\"\n :data=\"{\n money: downChip.number_16,\n show: touch == 'number_16'\n }\"\n ></confirmBet>\n <chipView\n @click=\"downBet($event, 'number_16')\"\n :list=\"chipArray.number_16\"\n :win=\"winArray.includes('number_16')\"\n ></chipView>\n <div class=\"text\">\n <span class=\"big\">16</span>\n <span>1:30</span>\n </div>\n <div class=\"money\">{{ bet_amount_msg.number_16 || 0 }}</div>\n </div>\n <!-- number_17 -->\n <div class=\"item\">\n <confirmBet\n @confirm=\"confirmChip\"\n @cancel=\"cancelChip\"\n :data=\"{\n money: downChip.number_17,\n show: touch == 'number_17'\n }\"\n ></confirmBet>\n <chipView\n @click=\"downBet($event, 'number_17')\"\n :list=\"chipArray.number_17\"\n :win=\"winArray.includes('number_17')\"\n ></chipView>\n <div class=\"text\">\n <span class=\"big\">17</span>\n <span>1:60</span>\n </div>\n <div class=\"money\">{{ bet_amount_msg.number_17 || 0 }}</div>\n </div>\n </div>\n <div class=\"list third\">\n <!-- two_12 -->\n <div class=\"item\">\n <confirmBet\n @confirm=\"confirmChip\"\n @cancel=\"cancelChip\"\n :data=\"{\n money: downChip.two_12,\n show: touch == 'two_12'\n }\"\n ></confirmBet>\n <chipView\n @click=\"downBet($event, 'two_12')\"\n :list=\"chipArray.two_12\"\n :win=\"winArray.includes('two_12')\"\n ></chipView>\n <div class=\"dice-box\">\n <span class=\"span dice_1\"></span>\n <span class=\"span dice_2\"></span>\n </div>\n <div class=\"money\">{{ bet_amount_msg.two_12 || 0 }}</div>\n </div>\n <!-- two_13 -->\n <div class=\"item\">\n <confirmBet\n @confirm=\"confirmChip\"\n @cancel=\"cancelChip\"\n :data=\"{\n money: downChip.two_13,\n show: touch == 'two_13'\n }\"\n ></confirmBet>\n <chipView\n @click=\"downBet($event, 'two_13')\"\n :list=\"chipArray.two_13\"\n :win=\"winArray.includes('two_13')\"\n ></chipView>\n <div class=\"dice-box\">\n <span class=\"span dice_1\"></span>\n <span class=\"span dice_3\"></span>\n </div>\n <div class=\"money\">{{ bet_amount_msg.two_13 || 0 }}</div>\n </div>\n <!-- two_14 -->\n <div class=\"item\">\n <confirmBet\n @confirm=\"confirmChip\"\n @cancel=\"cancelChip\"\n :data=\"{\n money: downChip.two_14,\n show: touch == 'two_14'\n }\"\n ></confirmBet>\n <chipView\n @click=\"downBet($event, 'two_14')\"\n :list=\"chipArray.two_14\"\n :win=\"winArray.includes('two_14')\"\n ></chipView>\n <div class=\"dice-box\">\n <span class=\"span dice_1\"></span>\n <span class=\"span dice_4\"></span>\n </div>\n <div class=\"money\">{{ bet_amount_msg.two_14 || 0 }}</div>\n </div>\n <!-- two_15 -->\n <div class=\"item\">\n <confirmBet\n @confirm=\"confirmChip\"\n @cancel=\"cancelChip\"\n :data=\"{\n money: downChip.two_15,\n show: touch == 'two_15'\n }\"\n ></confirmBet>\n <chipView\n @click=\"downBet($event, 'two_15')\"\n :list=\"chipArray.two_15\"\n :win=\"winArray.includes('two_15')\"\n ></chipView>\n <div class=\"dice-box\">\n <span class=\"span dice_1\"></span>\n <span class=\"span dice_5\"></span>\n </div>\n <div class=\"money\">{{ bet_amount_msg.two_15 || 0 }}</div>\n </div>\n <!-- two_16 -->\n <div class=\"item\">\n <confirmBet\n @confirm=\"confirmChip\"\n @cancel=\"cancelChip\"\n :data=\"{\n money: downChip.two_16,\n show: touch == 'two_16'\n }\"\n ></confirmBet>\n <chipView\n @click=\"downBet($event, 'two_16')\"\n :list=\"chipArray.two_16\"\n :win=\"winArray.includes('two_16')\"\n ></chipView>\n <div class=\"dice-box\">\n <span class=\"span dice_1\"></span>\n <span class=\"span dice_6\"></span>\n </div>\n <div class=\"money\">{{ bet_amount_msg.two_16 || 0 }}</div>\n </div>\n <!-- two_23 -->\n <div class=\"item\">\n <confirmBet\n @confirm=\"confirmChip\"\n @cancel=\"cancelChip\"\n :data=\"{\n money: downChip.two_23,\n show: touch == 'two_23'\n }\"\n ></confirmBet>\n <chipView\n @click=\"downBet($event, 'two_23')\"\n :list=\"chipArray.two_23\"\n :win=\"winArray.includes('two_23')\"\n ></chipView>\n <div class=\"dice-box\">\n <span class=\"span dice_2\"></span>\n <span class=\"span dice_3\"></span>\n </div>\n <div class=\"money\">{{ bet_amount_msg.two_23 || 0 }}</div>\n </div>\n <!-- two_24 -->\n <div class=\"item\">\n <confirmBet\n @confirm=\"confirmChip\"\n @cancel=\"cancelChip\"\n :data=\"{\n money: downChip.two_24,\n show: touch == 'two_24'\n }\"\n ></confirmBet>\n <chipView\n @click=\"downBet($event, 'two_24')\"\n :list=\"chipArray.two_24\"\n :win=\"winArray.includes('two_24')\"\n ></chipView>\n <div class=\"dice-box\">\n <span class=\"span dice_2\"></span>\n <span class=\"span dice_4\"></span>\n </div>\n <div class=\"money\">{{ bet_amount_msg.two_24 || 0 }}</div>\n </div>\n <!-- two_25 -->\n <div class=\"item\">\n <confirmBet\n @confirm=\"confirmChip\"\n @cancel=\"cancelChip\"\n :data=\"{\n money: downChip.two_25,\n show: touch == 'two_25'\n }\"\n ></confirmBet>\n <chipView\n @click=\"downBet($event, 'two_25')\"\n :list=\"chipArray.two_25\"\n :win=\"winArray.includes('two_25')\"\n ></chipView>\n <div class=\"dice-box\">\n <span class=\"span dice_2\"></span>\n <span class=\"span dice_5\"></span>\n </div>\n <div class=\"money\">{{ bet_amount_msg.two_25 || 0 }}</div>\n </div>\n <!-- two_26 -->\n <div class=\"item\">\n <confirmBet\n @confirm=\"confirmChip\"\n @cancel=\"cancelChip\"\n :data=\"{\n money: downChip.two_26,\n show: touch == 'two_26'\n }\"\n ></confirmBet>\n <chipView\n @click=\"downBet($event, 'two_26')\"\n :list=\"chipArray.two_26\"\n :win=\"winArray.includes('two_26')\"\n ></chipView>\n <div class=\"dice-box\">\n <span class=\"span dice_2\"></span>\n <span class=\"span dice_6\"></span>\n </div>\n <div class=\"money\">{{ bet_amount_msg.two_26 || 0 }}</div>\n </div>\n <!-- two_34 -->\n <div class=\"item\">\n <confirmBet\n @confirm=\"confirmChip\"\n @cancel=\"cancelChip\"\n :data=\"{\n money: downChip.two_34,\n show: touch == 'two_34'\n }\"\n ></confirmBet>\n <chipView\n @click=\"downBet($event, 'two_34')\"\n :list=\"chipArray.two_34\"\n :win=\"winArray.includes('two_34')\"\n ></chipView>\n <div class=\"dice-box\">\n <span class=\"span dice_3\"></span>\n <span class=\"span dice_4\"></span>\n </div>\n <div class=\"money\">{{ bet_amount_msg.two_34 || 0 }}</div>\n </div>\n <!-- two_35 -->\n <div class=\"item\">\n <confirmBet\n @confirm=\"confirmChip\"\n @cancel=\"cancelChip\"\n :data=\"{\n money: downChip.two_35,\n show: touch == 'two_35'\n }\"\n ></confirmBet>\n <chipView\n @click=\"downBet($event, 'two_35')\"\n :list=\"chipArray.two_35\"\n :win=\"winArray.includes('two_35')\"\n ></chipView>\n <div class=\"dice-box\">\n <span class=\"span dice_3\"></span>\n <span class=\"span dice_5\"></span>\n </div>\n <div class=\"money\">{{ bet_amount_msg.two_35 || 0 }}</div>\n </div>\n <!-- two_36 -->\n <div class=\"item\">\n <confirmBet\n @confirm=\"confirmChip\"\n @cancel=\"cancelChip\"\n :data=\"{\n money: downChip.two_36,\n show: touch == 'two_36'\n }\"\n ></confirmBet>\n <chipView\n @click=\"downBet($event, 'two_36')\"\n :list=\"chipArray.two_36\"\n :win=\"winArray.includes('two_36')\"\n ></chipView>\n <div class=\"dice-box\">\n <span class=\"span dice_3\"></span>\n <span class=\"span dice_6\"></span>\n </div>\n <div class=\"money\">{{ bet_amount_msg.two_36 || 0 }}</div>\n </div>\n <!-- two_45 -->\n <div class=\"item\">\n <confirmBet\n @confirm=\"confirmChip\"\n @cancel=\"cancelChip\"\n :data=\"{\n money: downChip.two_45,\n show: touch == 'two_45'\n }\"\n ></confirmBet>\n <chipView\n @click=\"downBet($event, 'two_45')\"\n :list=\"chipArray.two_45\"\n :win=\"winArray.includes('two_45')\"\n ></chipView>\n <div class=\"dice-box\">\n <span class=\"span dice_4\"></span>\n <span class=\"span dice_5\"></span>\n </div>\n <div class=\"money\">{{ bet_amount_msg.two_45 || 0 }}</div>\n </div>\n <!-- two_46 -->\n <div class=\"item\">\n <confirmBet\n @confirm=\"confirmChip\"\n @cancel=\"cancelChip\"\n :data=\"{\n money: downChip.two_46,\n show: touch == 'two_46'\n }\"\n ></confirmBet>\n <chipView\n @click=\"downBet($event, 'two_46')\"\n :list=\"chipArray.two_46\"\n :win=\"winArray.includes('two_46')\"\n ></chipView>\n <div class=\"dice-box\">\n <span class=\"span dice_4\"></span>\n <span class=\"span dice_6\"></span>\n </div>\n <div class=\"money\">{{ bet_amount_msg.two_46 || 0 }}</div>\n </div>\n <!-- two_56 -->\n <div class=\"item\">\n <confirmBet\n @confirm=\"confirmChip\"\n @cancel=\"cancelChip\"\n :data=\"{\n money: downChip.two_56,\n show: touch == 'two_56'\n }\"\n ></confirmBet>\n <chipView\n @click=\"downBet($event, 'two_56')\"\n :list=\"chipArray.two_56\"\n :win=\"winArray.includes('two_56')\"\n ></chipView>\n <div class=\"dice-box\">\n <span class=\"span dice_5\"></span>\n <span class=\"span dice_6\"></span>\n </div>\n <div class=\"money\">{{ bet_amount_msg.two_56 || 0 }}</div>\n </div>\n </div>\n <div class=\"list fourth\">1:5</div>\n <div class=\"list fifth\">\n <!-- singular -->\n <div class=\"cols item singular\">\n <confirmBet\n @confirm=\"confirmChip\"\n @cancel=\"cancelChip\"\n :data=\"{\n money: downChip.singular,\n show: touch == 'singular'\n }\"\n ></confirmBet>\n <chipView\n @click=\"downBet($event, 'singular')\"\n :list=\"chipArray.singular\"\n :win=\"winArray.includes('singular')\"\n ></chipView>\n <div class=\"text\">\n <span class=\"big blue\">{{ Lang[Type].odd }}</span>\n <span>1:1</span>\n </div>\n <div class=\"money\">{{ bet_amount_msg.singular || 0 }}</div>\n </div>\n <div class=\"cols center\">\n <div class=\"top\">\n <!-- living_1 -->\n <div class=\"item\">\n <confirmBet\n @confirm=\"confirmChip\"\n @cancel=\"cancelChip\"\n :data=\"{\n money: downChip.living_1,\n show: touch == 'living_1'\n }\"\n ></confirmBet>\n <chipView\n @click=\"downBet($event, 'living_1')\"\n :list=\"chipArray.living_1\"\n :win=\"winArray.includes('living_1')\"\n ></chipView>\n <div class=\"dice-box\">\n <span class=\"span dice_1\"></span>\n </div>\n <div class=\"money\">{{ bet_amount_msg.living_1 || 0 }}</div>\n </div>\n <!-- living_2 -->\n <div class=\"item\">\n <confirmBet\n @confirm=\"confirmChip\"\n @cancel=\"cancelChip\"\n :data=\"{\n money: downChip.living_2,\n show: touch == 'living_2'\n }\"\n ></confirmBet>\n <chipView\n @click=\"downBet($event, 'living_2')\"\n :list=\"chipArray.living_2\"\n :win=\"winArray.includes('living_2')\"\n ></chipView>\n <div class=\"dice-box\">\n <span class=\"span dice_2\"></span>\n </div>\n <div class=\"money\">{{ bet_amount_msg.living_2 || 0 }}</div>\n </div>\n <!-- living_3 -->\n <div class=\"item\">\n <confirmBet\n @confirm=\"confirmChip\"\n @cancel=\"cancelChip\"\n :data=\"{\n money: downChip.living_3,\n show: touch == 'living_3'\n }\"\n ></confirmBet>\n <chipView\n @click=\"downBet($event, 'living_3')\"\n :list=\"chipArray.living_3\"\n :win=\"winArray.includes('living_3')\"\n ></chipView>\n <div class=\"dice-box\">\n <span class=\"span dice_3\"></span>\n </div>\n <div class=\"money\">{{ bet_amount_msg.living_3 || 0 }}</div>\n </div>\n <!-- living_4 -->\n <div class=\"item\">\n <confirmBet\n @confirm=\"confirmChip\"\n @cancel=\"cancelChip\"\n :data=\"{\n money: downChip.living_4,\n show: touch == 'living_4'\n }\"\n ></confirmBet>\n <chipView\n @click=\"downBet($event, 'living_4')\"\n :list=\"chipArray.living_4\"\n :win=\"winArray.includes('living_4')\"\n ></chipView>\n <div class=\"dice-box\">\n <span class=\"span dice_4\"></span>\n </div>\n <div class=\"money\">{{ bet_amount_msg.living_4 || 0 }}</div>\n </div>\n <!-- living_5 -->\n <div class=\"item\">\n <confirmBet\n @confirm=\"confirmChip\"\n @cancel=\"cancelChip\"\n :data=\"{\n money: downChip.living_5,\n show: touch == 'living_5'\n }\"\n ></confirmBet>\n <chipView\n @click=\"downBet($event, 'living_5')\"\n :list=\"chipArray.living_5\"\n :win=\"winArray.includes('living_5')\"\n ></chipView>\n <div class=\"dice-box\">\n <span class=\"span dice_5\"></span>\n </div>\n <div class=\"money\">{{ bet_amount_msg.living_5 || 0 }}</div>\n </div>\n <!-- living_6 -->\n <div class=\"item\">\n <confirmBet\n @confirm=\"confirmChip\"\n @cancel=\"cancelChip\"\n :data=\"{\n money: downChip.living_6,\n show: touch == 'living_6'\n }\"\n ></confirmBet>\n <chipView\n @click=\"downBet($event, 'living_6')\"\n :list=\"chipArray.living_6\"\n :win=\"winArray.includes('living_6')\"\n ></chipView>\n <div class=\"dice-box\">\n <span class=\"span dice_6\"></span>\n </div>\n <div class=\"money\">{{ bet_amount_msg.living_6 || 0 }}</div>\n </div>\n </div>\n <div class=\"bottom\">\n <span>{{ Lang[Type].single_dice }} 1:1</span>\n <span>{{ Lang[Type].double_dice }} 1:2</span>\n <span>{{ Lang[Type].three_dice }} 1:3</span>\n </div>\n </div>\n <!-- plural -->\n <div class=\"cols item plural\">\n <confirmBet\n @confirm=\"confirmChip\"\n @cancel=\"cancelChip\"\n :data=\"{\n money: downChip.plural,\n show: touch == 'plural'\n }\"\n ></confirmBet>\n <chipView\n @click=\"downBet($event, 'plural')\"\n :list=\"chipArray.plural\"\n :win=\"winArray.includes('plural')\"\n ></chipView>\n <div class=\"text\">\n <span class=\"big red\">{{ Lang[Type].even }}</span>\n <span>1:1</span>\n </div>\n <div class=\"money\">{{ bet_amount_msg.plural || 0 }}</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 { diceData } from \"@/utils/common\"\nexport default {\n name: \"TableDice\",\n components: { confirmBet, chipView },\n props: {\n touch: {\n type: String,\n default: \"\"\n },\n bet_amount_msg: {\n type: Object,\n default: () => ({\n ...diceData.amount\n })\n },\n winArray: {\n type: Array,\n default: () => []\n },\n downChip: {\n type: Object,\n default: () => ({\n ...diceData.amount\n })\n },\n chipArray: {\n type: Object,\n default: () => ({ ...diceData.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.dice {\n position: absolute;\n top: 1.8rem;\n left: 2.8rem;\n right: 3.8rem;\n bottom: 0.25rem;\n border-radius: 10px;\n border: 1px solid #898a91;\n box-sizing: border-box;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: space-between;\n transform: rotateX(0deg);\n .list {\n width: 100%;\n box-sizing: border-box;\n display: flex;\n .item {\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 .big {\n font-weight: bold;\n padding-right: 0.24rem;\n padding-left: 0.2rem;\n }\n }\n .money {\n position: absolute;\n font-size: 0.24rem;\n font-weight: normal;\n left: -3px;\n bottom: -3px;\n transform: scale(0.5);\n pointer-events: none;\n color: #ddd;\n vertical-align: bottom;\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 }\n }\n .first {\n height: 35%;\n border-bottom: 1px solid #898a91;\n .cols {\n width: 12.5%;\n box-sizing: border-box;\n border-right: 1px solid #898a91;\n position: relative;\n color: #fff;\n font-size: 0.35rem;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: space-between;\n &.small .chip-view {\n border-top-left-radius: 10px;\n }\n &.big .chip-view {\n border-top-right-radius: 10px;\n }\n &:last-child {\n border-right: none;\n }\n .ratio {\n line-height: 1;\n padding: 0.13rem 0;\n font-weight: 600;\n font-size: 0.38rem;\n width: 100%;\n text-align: center;\n pointer-events: none;\n }\n .item {\n border-top: 1px solid #898a91;\n border-right: none;\n box-sizing: border-box;\n width: 100%;\n flex: 1;\n }\n .points {\n line-height: 1;\n padding: 0.2rem 0;\n font-size: 0.4rem;\n text-align: center;\n }\n .text {\n flex-direction: column;\n line-height: 1;\n text-shadow: 1px 1px #050505;\n pointer-events: none;\n .big {\n font-size: 0.8rem;\n }\n }\n }\n .triplet {\n width: 25%;\n }\n }\n .second {\n width: 100%;\n height: 19%;\n border-bottom: 1px solid #898a91;\n display: flex;\n .item {\n flex: 1;\n .text {\n flex-direction: column;\n line-height: 1;\n text-shadow: 1px 1px #050505;\n color: #fff;\n font-size: 0.35rem;\n font-weight: 600;\n .big {\n font-size: 0.55rem;\n }\n }\n }\n }\n .third {\n width: 100%;\n height: 19%;\n border-bottom: 1px solid #898a91;\n display: flex;\n .item {\n flex: 1;\n .dice-box {\n flex-direction: column;\n .span {\n margin: 0.05rem 0;\n }\n }\n }\n }\n .fourth {\n height: 7%;\n align-items: center;\n justify-content: center;\n font-size: 0.45rem;\n color: #fff;\n border-bottom: 1px solid #898a91;\n pointer-events: none;\n }\n .fifth {\n height: 20%;\n color: #fff;\n .center {\n width: 75%;\n border-right: 1px solid #898a91;\n box-sizing: border-box;\n display: flex;\n flex-direction: column;\n .top {\n flex: 1;\n display: flex;\n justify-content: space-between;\n align-items: center;\n .item {\n flex: 1;\n height: 100%;\n }\n }\n .bottom {\n border-top: 1px solid #898a91;\n box-sizing: border-box;\n display: flex;\n justify-content: space-around;\n line-height: 1;\n padding: 0.13rem 0;\n font-weight: 600;\n font-size: 0.4rem;\n }\n }\n .singular {\n width: 12.5%;\n .chip-view {\n border-bottom-left-radius: 10px;\n }\n }\n .plural {\n width: 12.5%;\n .chip-view {\n border-bottom-right-radius: 10px;\n }\n }\n .text {\n flex-direction: column;\n line-height: 1;\n text-shadow: 1px 1px #050505;\n font-size: 0.35rem;\n .big {\n font-size: 0.8rem;\n margin-bottom: 0.05rem;\n }\n }\n }\n .dice-box {\n width: 100%;\n height: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n pointer-events: none;\n .column {\n display: flex;\n flex-direction: column;\n margin: 0 1.5%;\n .flex {\n margin: 0.1rem 0;\n }\n }\n .span {\n width: 0.43rem;\n height: 0.43rem;\n margin: 0 1.5%;\n background-size: 100% 100%;\n background-repeat: no-repeat;\n }\n .dice_1 {\n background-image: url(\"~@/assets/images/dice/dice_1.png\");\n }\n .dice_2 {\n background-image: url(\"~@/assets/images/dice/dice_2.png\");\n }\n .dice_3 {\n background-image: url(\"~@/assets/images/dice/dice_3.png\");\n }\n .dice_4 {\n background-image: url(\"~@/assets/images/dice/dice_4.png\");\n }\n .dice_5 {\n background-image: url(\"~@/assets/images/dice/dice_5.png\");\n }\n .dice_6 {\n background-image: url(\"~@/assets/images/dice/dice_6.png\");\n }\n }\n .blue {\n color: #12a2e6;\n }\n .red {\n color: #fe8365;\n }\n}\n</style>\n"],"mappings":"AA6oCA,SAASA,QAAO,QAAS,KAAI;AAC7B,SAASC,QAAO,QAAS,MAAK;AAC9B,OAAOC,UAAS,MAAO,6BAA4B;AACnD,OAAOC,QAAO,MAAO,2BAA0B;AAC/C,SAASC,QAAO,QAAS,gBAAe;AACxC,eAAe;EACbC,IAAI,EAAE,WAAW;EACjBC,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,QAAQ,CAACU;MACd,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,QAAQ,CAACU;MACd,CAAC;IACH,CAAC;IACDI,SAAS,EAAE;MACTT,IAAI,EAAEI,MAAM;MACZF,OAAO,EAAEA,CAAA,MAAO;QAAE,GAAGP,QAAQ,CAACe;MAAM,CAAC;IACvC;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":[]} |