1 line
42 KiB
JSON
1 line
42 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 { rouletteData } from \"@/utils/common\";\nexport default {\n name: \"TableRoulette\",\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 ...rouletteData.amount\n })\n },\n winArray: {\n type: Array,\n default: () => []\n },\n downChip: {\n type: Object,\n default: () => ({\n ...rouletteData.amount\n })\n },\n chipArray: {\n type: Object,\n default: () => ({\n ...rouletteData.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 // console.log(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 const testClick = () => {\n console.log(\"点击有效\");\n };\n return {\n Type,\n Lang,\n downBet,\n confirmChip,\n cancelChip,\n testClick\n };\n }\n};","map":{"version":3,"names":["computed","useStore","confirmBet","chipView","rouletteData","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","testClick","console","log"],"sources":["/Users/li/Desktop/work/work2/OG/GamePortrait/src/components/PlayTable/TableRouletteEuropean.vue"],"sourcesContent":["<template>\n <div class=\"roulette\">\n <!-- 欧式 -->\n <div class=\"european\">\n <div class=\"left\">\n <div class=\"item green-bg\">\n <confirmBet\n @confirm=\"confirmChip\"\n @cancel=\"cancelChip\"\n :data=\"{\n money: downChip.straight_0,\n show: touch == 'straight_0'\n }\"\n ></confirmBet>\n <chipView\n @click=\"downBet($event, 'straight_0')\"\n :list=\"chipArray.straight_0\"\n :win=\"winArray.includes('straight_0')\"\n ></chipView>\n <div class=\"text\">\n <span class=\"points\">0</span>\n </div>\n </div>\n </div>\n <div class=\"center\">\n <div class=\"list\">\n <!-- 3 -->\n <div class=\"item red-bg\">\n <confirmBet\n @confirm=\"confirmChip\"\n @cancel=\"cancelChip\"\n :data=\"{\n money: downChip.straight_3,\n show: touch == 'straight_3'\n }\"\n ></confirmBet>\n <chipView\n @click=\"downBet($event, 'straight_3')\"\n :list=\"chipArray.straight_3\"\n :win=\"winArray.includes('straight_3')\"\n ></chipView>\n <div class=\"text\">\n <span class=\"points\">3</span>\n </div>\n </div>\n <!-- 6 -->\n <div class=\"item black-bg\">\n <confirmBet\n @confirm=\"confirmChip\"\n @cancel=\"cancelChip\"\n :data=\"{\n money: downChip.straight_6,\n show: touch == 'straight_6'\n }\"\n ></confirmBet>\n <chipView\n @click=\"downBet($event, 'straight_6')\"\n :list=\"chipArray.straight_6\"\n :win=\"winArray.includes('straight_6')\"\n ></chipView>\n <div class=\"text\">\n <span class=\"points\">6</span>\n </div>\n </div>\n <!-- 9 -->\n <div class=\"item red-bg\">\n <confirmBet\n @confirm=\"confirmChip\"\n @cancel=\"cancelChip\"\n :data=\"{\n money: downChip.straight_9,\n show: touch == 'straight_9'\n }\"\n ></confirmBet>\n <chipView\n @click=\"downBet($event, 'straight_9')\"\n :list=\"chipArray.straight_9\"\n :win=\"winArray.includes('straight_9')\"\n ></chipView>\n <div class=\"text\">\n <span class=\"points\">9</span>\n </div>\n </div>\n <!-- 12 -->\n <div class=\"item red-bg\">\n <confirmBet\n @confirm=\"confirmChip\"\n @cancel=\"cancelChip\"\n :data=\"{\n money: downChip.straight_12,\n show: touch == 'straight_12'\n }\"\n ></confirmBet>\n <chipView\n @click=\"downBet($event, 'straight_12')\"\n :list=\"chipArray.straight_12\"\n :win=\"winArray.includes('straight_12')\"\n ></chipView>\n <div class=\"text\">\n <span class=\"points\">12</span>\n </div>\n </div>\n <!-- 15 -->\n <div class=\"item black-bg\">\n <confirmBet\n @confirm=\"confirmChip\"\n @cancel=\"cancelChip\"\n :data=\"{\n money: downChip.straight_15,\n show: touch == 'straight_15'\n }\"\n ></confirmBet>\n <chipView\n @click=\"downBet($event, 'straight_15')\"\n :list=\"chipArray.straight_15\"\n :win=\"winArray.includes('straight_15')\"\n ></chipView>\n <div class=\"text\">\n <span class=\"points\">15</span>\n </div>\n </div>\n <!-- 18 -->\n <div class=\"item red-bg\">\n <confirmBet\n @confirm=\"confirmChip\"\n @cancel=\"cancelChip\"\n :data=\"{\n money: downChip.straight_18,\n show: touch == 'straight_18'\n }\"\n ></confirmBet>\n <chipView\n @click=\"downBet($event, 'straight_18')\"\n :list=\"chipArray.straight_18\"\n :win=\"winArray.includes('straight_18')\"\n ></chipView>\n <div class=\"text\">\n <span class=\"points\">18</span>\n </div>\n </div>\n <!-- 21 -->\n <div class=\"item red-bg\">\n <confirmBet\n @confirm=\"confirmChip\"\n @cancel=\"cancelChip\"\n :data=\"{\n money: downChip.straight_21,\n show: touch == 'straight_21'\n }\"\n ></confirmBet>\n <chipView\n @click=\"downBet($event, 'straight_21')\"\n :list=\"chipArray.straight_21\"\n :win=\"winArray.includes('straight_21')\"\n ></chipView>\n <div class=\"text\">\n <span class=\"points\">21</span>\n </div>\n </div>\n <!-- 24 -->\n <div class=\"item black-bg\">\n <confirmBet\n @confirm=\"confirmChip\"\n @cancel=\"cancelChip\"\n :data=\"{\n money: downChip.straight_24,\n show: touch == 'straight_24'\n }\"\n ></confirmBet>\n <chipView\n @click=\"downBet($event, 'straight_24')\"\n :list=\"chipArray.straight_24\"\n :win=\"winArray.includes('straight_24')\"\n ></chipView>\n <div class=\"text\">\n <span class=\"points\">24</span>\n </div>\n </div>\n <!-- 27 -->\n <div class=\"item red-bg\">\n <confirmBet\n @confirm=\"confirmChip\"\n @cancel=\"cancelChip\"\n :data=\"{\n money: downChip.straight_27,\n show: touch == 'straight_27'\n }\"\n ></confirmBet>\n <chipView\n @click=\"downBet($event, 'straight_27')\"\n :list=\"chipArray.straight_27\"\n :win=\"winArray.includes('straight_27')\"\n ></chipView>\n <div class=\"text\">\n <span class=\"points\">27</span>\n </div>\n </div>\n <!-- 30 -->\n <div class=\"item red-bg\">\n <confirmBet\n @confirm=\"confirmChip\"\n @cancel=\"cancelChip\"\n :data=\"{\n money: downChip.straight_30,\n show: touch == 'straight_30'\n }\"\n ></confirmBet>\n <chipView\n @click=\"downBet($event, 'straight_30')\"\n :list=\"chipArray.straight_30\"\n :win=\"winArray.includes('straight_30')\"\n ></chipView>\n <div class=\"text\">\n <span class=\"points\">30</span>\n </div>\n </div>\n <!-- 33 -->\n <div class=\"item black-bg\">\n <confirmBet\n @confirm=\"confirmChip\"\n @cancel=\"cancelChip\"\n :data=\"{\n money: downChip.straight_33,\n show: touch == 'straight_33'\n }\"\n ></confirmBet>\n <chipView\n @click=\"downBet($event, 'straight_33')\"\n :list=\"chipArray.straight_33\"\n :win=\"winArray.includes('straight_33')\"\n ></chipView>\n <div class=\"text\">\n <span class=\"points\">33</span>\n </div>\n </div>\n <!-- 36 -->\n <div class=\"item red-bg\">\n <confirmBet\n @confirm=\"confirmChip\"\n @cancel=\"cancelChip\"\n :data=\"{\n money: downChip.straight_36,\n show: touch == 'straight_36'\n }\"\n ></confirmBet>\n <chipView\n @click=\"downBet($event, 'straight_36')\"\n :list=\"chipArray.straight_36\"\n :win=\"winArray.includes('straight_36')\"\n ></chipView>\n <div class=\"text\">\n <span class=\"points\">36</span>\n </div>\n </div>\n </div>\n <div class=\"list\">\n <!-- 2 -->\n <div class=\"item black-bg\">\n <confirmBet\n @confirm=\"confirmChip\"\n @cancel=\"cancelChip\"\n :data=\"{\n money: downChip.straight_2,\n show: touch == 'straight_2'\n }\"\n ></confirmBet>\n <chipView\n @click=\"downBet($event, 'straight_2')\"\n :list=\"chipArray.straight_2\"\n :win=\"winArray.includes('straight_2')\"\n ></chipView>\n <div class=\"text\">\n <span class=\"points\">2</span>\n </div>\n </div>\n <!-- 5 -->\n <div class=\"item red-bg\">\n <confirmBet\n @confirm=\"confirmChip\"\n @cancel=\"cancelChip\"\n :data=\"{\n money: downChip.straight_5,\n show: touch == 'straight_5'\n }\"\n ></confirmBet>\n <chipView\n @click=\"downBet($event, 'straight_5')\"\n :list=\"chipArray.straight_5\"\n :win=\"winArray.includes('straight_5')\"\n ></chipView>\n <div class=\"text\">\n <span class=\"points\">5</span>\n </div>\n </div>\n <!-- 8 -->\n <div class=\"item black-bg\">\n <confirmBet\n @confirm=\"confirmChip\"\n @cancel=\"cancelChip\"\n :data=\"{\n money: downChip.straight_8,\n show: touch == 'straight_8'\n }\"\n ></confirmBet>\n <chipView\n @click=\"downBet($event, 'straight_8')\"\n :list=\"chipArray.straight_8\"\n :win=\"winArray.includes('straight_8')\"\n ></chipView>\n <div class=\"text\">\n <span class=\"points\">8</span>\n </div>\n </div>\n <!-- 11 -->\n <div class=\"item black-bg\">\n <confirmBet\n @confirm=\"confirmChip\"\n @cancel=\"cancelChip\"\n :data=\"{\n money: downChip.straight_11,\n show: touch == 'straight_11'\n }\"\n ></confirmBet>\n <chipView\n @click=\"downBet($event, 'straight_11')\"\n :list=\"chipArray.straight_11\"\n :win=\"winArray.includes('straight_11')\"\n ></chipView>\n <div class=\"text\">\n <span class=\"points\">11</span>\n </div>\n </div>\n <!-- 14 -->\n <div class=\"item red-bg\">\n <confirmBet\n @confirm=\"confirmChip\"\n @cancel=\"cancelChip\"\n :data=\"{\n money: downChip.straight_14,\n show: touch == 'straight_14'\n }\"\n ></confirmBet>\n <chipView\n @click=\"downBet($event, 'straight_14')\"\n :list=\"chipArray.straight_14\"\n :win=\"winArray.includes('straight_14')\"\n ></chipView>\n <div class=\"text\">\n <span class=\"points\">14</span>\n </div>\n </div>\n <!-- 17 -->\n <div class=\"item black-bg\">\n <confirmBet\n @confirm=\"confirmChip\"\n @cancel=\"cancelChip\"\n :data=\"{\n money: downChip.straight_17,\n show: touch == 'straight_17'\n }\"\n ></confirmBet>\n <chipView\n @click=\"downBet($event, 'straight_17')\"\n :list=\"chipArray.straight_17\"\n :win=\"winArray.includes('straight_17')\"\n ></chipView>\n <div class=\"text\">\n <span class=\"points\">17</span>\n </div>\n </div>\n <!-- 20 -->\n <div class=\"item black-bg\">\n <confirmBet\n @confirm=\"confirmChip\"\n @cancel=\"cancelChip\"\n :data=\"{\n money: downChip.straight_20,\n show: touch == 'straight_20'\n }\"\n ></confirmBet>\n <chipView\n @click=\"downBet($event, 'straight_20')\"\n :list=\"chipArray.straight_20\"\n :win=\"winArray.includes('straight_20')\"\n ></chipView>\n <div class=\"text\">\n <span class=\"points\">20</span>\n </div>\n </div>\n <!-- 23 -->\n <div class=\"item red-bg\">\n <confirmBet\n @confirm=\"confirmChip\"\n @cancel=\"cancelChip\"\n :data=\"{\n money: downChip.straight_23,\n show: touch == 'straight_23'\n }\"\n ></confirmBet>\n <chipView\n @click=\"downBet($event, 'straight_23')\"\n :list=\"chipArray.straight_23\"\n :win=\"winArray.includes('straight_23')\"\n ></chipView>\n <div class=\"text\">\n <span class=\"points\">23</span>\n </div>\n </div>\n <!-- 26 -->\n <div class=\"item black-bg\">\n <confirmBet\n @confirm=\"confirmChip\"\n @cancel=\"cancelChip\"\n :data=\"{\n money: downChip.straight_26,\n show: touch == 'straight_26'\n }\"\n ></confirmBet>\n <chipView\n @click=\"downBet($event, 'straight_26')\"\n :list=\"chipArray.straight_26\"\n :win=\"winArray.includes('straight_26')\"\n ></chipView>\n <div class=\"text\">\n <span class=\"points\">26</span>\n </div>\n </div>\n <!-- 29 -->\n <div class=\"item black-bg\">\n <confirmBet\n @confirm=\"confirmChip\"\n @cancel=\"cancelChip\"\n :data=\"{\n money: downChip.straight_29,\n show: touch == 'straight_29'\n }\"\n ></confirmBet>\n <chipView\n @click=\"downBet($event, 'straight_29')\"\n :list=\"chipArray.straight_29\"\n :win=\"winArray.includes('straight_29')\"\n ></chipView>\n <div class=\"text\">\n <span class=\"points\">29</span>\n </div>\n </div>\n <!-- 32 -->\n <div class=\"item red-bg\">\n <confirmBet\n @confirm=\"confirmChip\"\n @cancel=\"cancelChip\"\n :data=\"{\n money: downChip.straight_32,\n show: touch == 'straight_32'\n }\"\n ></confirmBet>\n <chipView\n @click=\"downBet($event, 'straight_32')\"\n :list=\"chipArray.straight_32\"\n :win=\"winArray.includes('straight_32')\"\n ></chipView>\n <div class=\"text\">\n <span class=\"points\">32</span>\n </div>\n </div>\n <!-- 35 -->\n <div class=\"item black-bg\">\n <confirmBet\n @confirm=\"confirmChip\"\n @cancel=\"cancelChip\"\n :data=\"{\n money: downChip.straight_35,\n show: touch == 'straight_35'\n }\"\n ></confirmBet>\n <chipView\n @click=\"downBet($event, 'straight_35')\"\n :list=\"chipArray.straight_35\"\n :win=\"winArray.includes('straight_35')\"\n ></chipView>\n <div class=\"text\">\n <span class=\"points\">35</span>\n </div>\n </div>\n </div>\n <div class=\"list\">\n <!-- 1 -->\n <div class=\"item red-bg\">\n <confirmBet\n @confirm=\"confirmChip\"\n @cancel=\"cancelChip\"\n :data=\"{\n money: downChip.straight_1,\n show: touch == 'straight_1'\n }\"\n ></confirmBet>\n <chipView\n @click=\"downBet($event, 'straight_1')\"\n :list=\"chipArray.straight_1\"\n :win=\"winArray.includes('straight_1')\"\n ></chipView>\n <div class=\"text\">\n <span class=\"points\">1</span>\n </div>\n </div>\n <!-- 4 -->\n <div class=\"item black-bg\">\n <confirmBet\n @confirm=\"confirmChip\"\n @cancel=\"cancelChip\"\n :data=\"{\n money: downChip.straight_4,\n show: touch == 'straight_4'\n }\"\n ></confirmBet>\n <chipView\n @click=\"downBet($event, 'straight_4')\"\n :list=\"chipArray.straight_4\"\n :win=\"winArray.includes('straight_4')\"\n ></chipView>\n <div class=\"text\">\n <span class=\"points\">4</span>\n </div>\n </div>\n <!-- 7 -->\n <div class=\"item red-bg\">\n <confirmBet\n @confirm=\"confirmChip\"\n @cancel=\"cancelChip\"\n :data=\"{\n money: downChip.straight_7,\n show: touch == 'straight_7'\n }\"\n ></confirmBet>\n <chipView\n @click=\"downBet($event, 'straight_7')\"\n :list=\"chipArray.straight_7\"\n :win=\"winArray.includes('straight_7')\"\n ></chipView>\n <div class=\"text\">\n <span class=\"points\">7</span>\n </div>\n </div>\n <!-- 10 -->\n <div class=\"item black-bg\">\n <confirmBet\n @confirm=\"confirmChip\"\n @cancel=\"cancelChip\"\n :data=\"{\n money: downChip.straight_10,\n show: touch == 'straight_10'\n }\"\n ></confirmBet>\n <chipView\n @click=\"downBet($event, 'straight_10')\"\n :list=\"chipArray.straight_10\"\n :win=\"winArray.includes('straight_10')\"\n ></chipView>\n <div class=\"text\">\n <span class=\"points\">10</span>\n </div>\n </div>\n <!-- 13 -->\n <div class=\"item black-bg\">\n <confirmBet\n @confirm=\"confirmChip\"\n @cancel=\"cancelChip\"\n :data=\"{\n money: downChip.straight_13,\n show: touch == 'straight_13'\n }\"\n ></confirmBet>\n <chipView\n @click=\"downBet($event, 'straight_13')\"\n :list=\"chipArray.straight_13\"\n :win=\"winArray.includes('straight_13')\"\n ></chipView>\n <div class=\"text\">\n <span class=\"points\">13</span>\n </div>\n </div>\n <!-- 16 -->\n <div class=\"item red-bg\">\n <confirmBet\n @confirm=\"confirmChip\"\n @cancel=\"cancelChip\"\n :data=\"{\n money: downChip.straight_16,\n show: touch == 'straight_16'\n }\"\n ></confirmBet>\n <chipView\n @click=\"downBet($event, 'straight_16')\"\n :list=\"chipArray.straight_16\"\n :win=\"winArray.includes('straight_16')\"\n ></chipView>\n <div class=\"text\">\n <span class=\"points\">16</span>\n </div>\n </div>\n <!-- 19 -->\n <div class=\"item red-bg\">\n <confirmBet\n @confirm=\"confirmChip\"\n @cancel=\"cancelChip\"\n :data=\"{\n money: downChip.straight_19,\n show: touch == 'straight_19'\n }\"\n ></confirmBet>\n <chipView\n @click=\"downBet($event, 'straight_19')\"\n :list=\"chipArray.straight_19\"\n :win=\"winArray.includes('straight_19')\"\n ></chipView>\n <div class=\"text\">\n <span class=\"points\">19</span>\n </div>\n </div>\n <!-- 22 -->\n <div class=\"item black-bg\">\n <confirmBet\n @confirm=\"confirmChip\"\n @cancel=\"cancelChip\"\n :data=\"{\n money: downChip.straight_22,\n show: touch == 'straight_22'\n }\"\n ></confirmBet>\n <chipView\n @click=\"downBet($event, 'straight_22')\"\n :list=\"chipArray.straight_22\"\n :win=\"winArray.includes('straight_22')\"\n ></chipView>\n <div class=\"text\">\n <span class=\"points\">22</span>\n </div>\n </div>\n <!-- 25 -->\n <div class=\"item red-bg\">\n <confirmBet\n @confirm=\"confirmChip\"\n @cancel=\"cancelChip\"\n :data=\"{\n money: downChip.straight_25,\n show: touch == 'straight_25'\n }\"\n ></confirmBet>\n <chipView\n @click=\"downBet($event, 'straight_25')\"\n :list=\"chipArray.straight_25\"\n :win=\"winArray.includes('straight_25')\"\n ></chipView>\n <div class=\"text\">\n <span class=\"points\">25</span>\n </div>\n </div>\n <!-- 28 -->\n <div class=\"item black-bg\">\n <confirmBet\n @confirm=\"confirmChip\"\n @cancel=\"cancelChip\"\n :data=\"{\n money: downChip.straight_28,\n show: touch == 'straight_28'\n }\"\n ></confirmBet>\n <chipView\n @click=\"downBet($event, 'straight_28')\"\n :list=\"chipArray.straight_28\"\n :win=\"winArray.includes('straight_28')\"\n ></chipView>\n <div class=\"text\">\n <span class=\"points\">28</span>\n </div>\n </div>\n <!-- 31 -->\n <div class=\"item black-bg\">\n <confirmBet\n @confirm=\"confirmChip\"\n @cancel=\"cancelChip\"\n :data=\"{\n money: downChip.straight_31,\n show: touch == 'straight_31'\n }\"\n ></confirmBet>\n <chipView\n @click=\"downBet($event, 'straight_31')\"\n :list=\"chipArray.straight_31\"\n :win=\"winArray.includes('straight_31')\"\n ></chipView>\n <div class=\"text\">\n <span class=\"points\">31</span>\n </div>\n </div>\n <!-- 34 -->\n <div class=\"item red-bg\">\n <confirmBet\n @confirm=\"confirmChip\"\n @cancel=\"cancelChip\"\n :data=\"{\n money: downChip.straight_34,\n show: touch == 'straight_34'\n }\"\n ></confirmBet>\n <chipView\n @click=\"downBet($event, 'straight_34')\"\n :list=\"chipArray.straight_34\"\n :win=\"winArray.includes('straight_34')\"\n ></chipView>\n <div class=\"text\">\n <span class=\"points\">34</span>\n </div>\n </div>\n </div>\n <div class=\"list\">\n <!-- 第一打 -->\n <div class=\"item\">\n <confirmBet\n @confirm=\"confirmChip\"\n @cancel=\"cancelChip\"\n :data=\"{\n money: downChip.dozen_1,\n show: touch == 'dozen_1'\n }\"\n ></confirmBet>\n <chipView\n @click=\"downBet($event, 'dozen_1')\"\n :list=\"chipArray.dozen_1\"\n :win=\"winArray.includes('dozen_1')\"\n ></chipView>\n <div class=\"text\">\n <span class=\"points\">{{ Lang[Type].first_dozen }}</span>\n <span class=\"small\">1-12</span>\n </div>\n </div>\n <!-- 第二打 -->\n <div class=\"item\">\n <confirmBet\n @confirm=\"confirmChip\"\n @cancel=\"cancelChip\"\n :data=\"{\n money: downChip.dozen_2,\n show: touch == 'dozen_2'\n }\"\n ></confirmBet>\n <chipView\n @click=\"downBet($event, 'dozen_2')\"\n :list=\"chipArray.dozen_2\"\n :win=\"winArray.includes('dozen_2')\"\n ></chipView>\n <div class=\"text\">\n <span class=\"points\">{{ Lang[Type].second_dozen }}</span>\n <span class=\"small\">13-24</span>\n </div>\n </div>\n <!-- 第三打 -->\n <div class=\"item\">\n <confirmBet\n @confirm=\"confirmChip\"\n @cancel=\"cancelChip\"\n :data=\"{\n money: downChip.dozen_3,\n show: touch == 'dozen_3'\n }\"\n ></confirmBet>\n <chipView\n @click=\"downBet($event, 'dozen_3')\"\n :list=\"chipArray.dozen_3\"\n :win=\"winArray.includes('dozen_3')\"\n ></chipView>\n <div class=\"text\">\n <span class=\"points\">{{ Lang[Type].third_dozen }}</span>\n <span class=\"small\">25-36</span>\n </div>\n </div>\n </div>\n <div class=\"list\">\n <!-- 小 -->\n <div class=\"item left-radius\">\n <confirmBet\n @confirm=\"confirmChip\"\n @cancel=\"cancelChip\"\n :data=\"{\n money: downChip.low,\n show: touch == 'low'\n }\"\n ></confirmBet>\n <chipView\n @click=\"downBet($event, 'low')\"\n :list=\"chipArray.low\"\n :win=\"winArray.includes('low')\"\n ></chipView>\n <div class=\"text\">\n <span class=\"small\">1-18</span>\n <span class=\"points\">{{ Lang[Type].small }}</span>\n </div>\n </div>\n <!-- 双 -->\n <div class=\"item\">\n <confirmBet\n @confirm=\"confirmChip\"\n @cancel=\"cancelChip\"\n :data=\"{\n money: downChip.even,\n show: touch == 'even'\n }\"\n ></confirmBet>\n <chipView\n @click=\"downBet($event, 'even')\"\n :list=\"chipArray.even\"\n :win=\"winArray.includes('even')\"\n ></chipView>\n <div class=\"text\">\n <span class=\"points\">{{ Lang[Type].even }}</span>\n </div>\n </div>\n <!-- 红 -->\n <div class=\"item\">\n <confirmBet\n @confirm=\"confirmChip\"\n @cancel=\"cancelChip\"\n :data=\"{\n money: downChip.red,\n show: touch == 'red'\n }\"\n ></confirmBet>\n <chipView\n @click=\"downBet($event, 'red')\"\n :list=\"chipArray.red\"\n :win=\"winArray.includes('red')\"\n ></chipView>\n <div class=\"text\">\n <span class=\"points\">{{ Lang[Type].red }}</span>\n </div>\n </div>\n <!-- 黑 -->\n <div class=\"item\">\n <confirmBet\n @confirm=\"confirmChip\"\n @cancel=\"cancelChip\"\n :data=\"{\n money: downChip.black,\n show: touch == 'black'\n }\"\n ></confirmBet>\n <chipView\n @click=\"downBet($event, 'black')\"\n :list=\"chipArray.black\"\n :win=\"winArray.includes('black')\"\n ></chipView>\n <div class=\"text\">\n <span class=\"points\">{{ Lang[Type].black }}</span>\n </div>\n </div>\n <!-- 单 -->\n <div class=\"item\">\n <confirmBet\n @confirm=\"confirmChip\"\n @cancel=\"cancelChip\"\n :data=\"{\n money: downChip.odd,\n show: touch == 'odd'\n }\"\n ></confirmBet>\n <chipView\n @click=\"downBet($event, 'odd')\"\n :list=\"chipArray.odd\"\n :win=\"winArray.includes('odd')\"\n ></chipView>\n <div class=\"text\">\n <span class=\"points\">{{ Lang[Type].odd }}</span>\n </div>\n </div>\n <!-- 大 -->\n <div class=\"item right-radius\">\n <confirmBet\n @confirm=\"confirmChip\"\n @cancel=\"cancelChip\"\n :data=\"{\n money: downChip.high,\n show: touch == 'high'\n }\"\n ></confirmBet>\n <chipView\n @click=\"downBet($event, 'high')\"\n :list=\"chipArray.high\"\n :win=\"winArray.includes('high')\"\n ></chipView>\n <div class=\"text\">\n <span class=\"points\">{{ Lang[Type].big }}</span>\n <span class=\"small\">19-36</span>\n </div>\n </div>\n </div>\n </div>\n <div class=\"right\">\n <!-- 第三列 -->\n <div class=\"item\">\n <confirmBet\n @confirm=\"confirmChip\"\n @cancel=\"cancelChip\"\n :data=\"{\n money: downChip.column_3,\n show: touch == 'column_3'\n }\"\n ></confirmBet>\n <chipView\n @click=\"downBet($event, 'column_3')\"\n :list=\"chipArray.column_3\"\n :win=\"winArray.includes('column_3')\"\n ></chipView>\n <div class=\"text\">\n <span class=\"points\">{{ Lang[Type].third_column }}</span>\n </div>\n </div>\n <!-- 第二列 -->\n <div class=\"item\">\n <confirmBet\n @confirm=\"confirmChip\"\n @cancel=\"cancelChip\"\n :data=\"{\n money: downChip.column_2,\n show: touch == 'column_2'\n }\"\n ></confirmBet>\n <chipView\n @click=\"downBet($event, 'column_2')\"\n :list=\"chipArray.column_2\"\n :win=\"winArray.includes('column_2')\"\n ></chipView>\n <div class=\"text\">\n <span class=\"points\">{{ Lang[Type].second_column }}</span>\n </div>\n </div>\n <!-- 第一列 -->\n <div class=\"item\">\n <confirmBet\n @confirm=\"confirmChip\"\n @cancel=\"cancelChip\"\n :data=\"{\n money: downChip.column_1,\n show: touch == 'column_1'\n }\"\n ></confirmBet>\n <chipView\n @click=\"downBet($event, 'column_1')\"\n :list=\"chipArray.column_1\"\n :win=\"winArray.includes('column_1')\"\n ></chipView>\n <div class=\"text\">\n <span class=\"points\">{{ Lang[Type].first_column }}</span>\n </div>\n </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 { rouletteData } from \"@/utils/common\"\nexport default {\n name: \"TableRoulette\",\n components: { confirmBet, chipView },\n props: {\n touch: {\n type: String,\n default: \"\"\n },\n bet_amount_msg: {\n type: Object,\n default: () => ({\n ...rouletteData.amount\n })\n },\n winArray: {\n type: Array,\n default: () => []\n },\n downChip: {\n type: Object,\n default: () => ({\n ...rouletteData.amount\n })\n },\n chipArray: {\n type: Object,\n default: () => ({ ...rouletteData.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 // console.log(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\n const testClick = () => {\n console.log(\"点击有效\")\n }\n return { Type, Lang, downBet, confirmChip, cancelChip, testClick }\n }\n}\n</script>\n<style lang=\"scss\" scoped>\n.roulette {\n position: absolute;\n left: 0;\n top: 0;\n bottom: 0;\n right: 0;\n // 欧式\n .european {\n position: absolute;\n top: 1.8rem;\n left: 2.8rem;\n right: 3.8rem;\n bottom: 0.25rem;\n box-sizing: border-box;\n display: flex;\n transform: rotateX(0deg);\n .left {\n width: 7.14%;\n height: 60%;\n border: 1px solid #898a91;\n border-right: none;\n border-top-left-radius: 0.95rem;\n border-bottom-left-radius: 0.95rem;\n display: flex;\n .item {\n width: 100%;\n height: 100%;\n border-top-left-radius: 0.95rem;\n border-bottom-left-radius: 0.95rem;\n .chip-view {\n border-top-left-radius: 0.95rem;\n border-bottom-left-radius: 0.95rem;\n }\n }\n }\n .center {\n width: 85.72%;\n .list {\n width: 100%;\n height: 20%;\n display: flex;\n border-top: 1px solid #898a91;\n border-right: 1px solid #898a91;\n border-left: 1px solid #898a91;\n box-sizing: border-box;\n &:first-child {\n height: calc(20% + 1px);\n }\n &:last-child {\n border-bottom: 1px solid #898a91;\n border-bottom-left-radius: 0.95rem;\n border-bottom-right-radius: 0.95rem;\n .item {\n &:first-child .chip-view {\n border-bottom-left-radius: 0.95rem;\n }\n &:nth-child(3) {\n position: relative;\n &::after {\n content: \"\";\n position: absolute;\n left: 0;\n top: 0;\n width: 100%;\n height: 100%;\n background: #f65857;\n clip-path: polygon(50% 15%, 80% 50%, 50% 85%, 20% 50%);\n pointer-events: none;\n }\n }\n &:nth-child(4) {\n position: relative;\n &::after {\n content: \"\";\n position: absolute;\n left: 0;\n top: 0;\n width: 100%;\n height: 100%;\n background: #333;\n clip-path: polygon(50% 15%, 80% 50%, 50% 85%, 20% 50%);\n pointer-events: none;\n }\n }\n &:last-child .chip-view {\n border-bottom-right-radius: 0.95rem;\n }\n }\n }\n .item {\n flex: 1;\n border-left: 1px solid #898a91;\n &:first-child {\n border-left: none;\n }\n }\n }\n }\n .right {\n width: 7.14%;\n height: 60%;\n border: 1px solid #898a91;\n border-top-right-radius: 0.95rem;\n border-bottom-right-radius: 0.95rem;\n border-left: none;\n display: flex;\n flex-direction: column;\n .item {\n width: 100%;\n height: 33.33%;\n border-top: 1px solid #898a91;\n &:first-child {\n border: none;\n height: calc(33.33% + 1px);\n .chip-view {\n border-top-right-radius: 0.95rem;\n }\n }\n &:last-child {\n .chip-view {\n border-bottom-right-radius: 0.95rem;\n }\n }\n .text {\n font-size: 0.38rem;\n .points {\n writing-mode: vertical-lr;\n }\n }\n }\n }\n }\n .item {\n position: relative;\n &.red-bg {\n background: #f65857;\n }\n &.black-bg {\n background: #333333;\n }\n &.green-bg {\n background: #5cb645;\n }\n .left-radius {\n }\n .right-radius {\n }\n .text {\n .small {\n padding: 0 0.2rem;\n font-size: 0.45rem;\n }\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 color: #eee;\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</style>\n"],"mappings":"AAg8BA,SAASA,QAAO,QAAS,KAAI;AAC7B,SAASC,QAAO,QAAS,MAAK;AAC9B,OAAOC,UAAS,MAAO,6BAA4B;AACnD,OAAOC,QAAO,MAAO,2BAA0B;AAC/C,SAASC,YAAW,QAAS,gBAAe;AAC5C,eAAe;EACbC,IAAI,EAAE,eAAe;EACrBC,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,YAAY,CAACU;MAClB,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,YAAY,CAACU;MAClB,CAAC;IACH,CAAC;IACDI,SAAS,EAAE;MACTT,IAAI,EAAEI,MAAM;MACZF,OAAO,EAAEA,CAAA,MAAO;QAAE,GAAGP,YAAY,CAACe;MAAM,CAAC;IAC3C;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;MAC3B;MACAa,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;IAEA,MAAMG,SAAQ,GAAIA,CAAA,KAAM;MACtBC,OAAO,CAACC,GAAG,CAAC,MAAM;IACpB;IACA,OAAO;MAAEb,IAAI;MAAEI,IAAI;MAAEE,OAAO;MAAEG,WAAW;MAAEC,UAAU;MAAEC;IAAU;EACnE;AACF"},"metadata":{},"sourceType":"module","externalDependencies":[]} |