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"],"sources":["/Users/li/Desktop/work/work2/OG/GamePortrait/src/components/PlayTable/TableRouletteFrench.vue"],"sourcesContent":["<template>\n <div class=\"roulette\">\n <!-- 法式 -->\n <div class=\"french\">\n <div class=\"list top\">\n <!-- 24 -->\n <div class=\"item top-left-radius\">\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 <!-- 16 -->\n <div class=\"item\">\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 <!-- 33 -->\n <div class=\"item\">\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 <!-- 1 -->\n <div class=\"item\">\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 <!-- 20 -->\n <div class=\"item\">\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 <!-- 14 -->\n <div class=\"item\">\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 <!-- 31 -->\n <div class=\"item\">\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 <!-- 9 -->\n <div class=\"item\">\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 <!-- 22 -->\n <div class=\"item\">\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 <!-- 18 -->\n <div class=\"item\">\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 <!-- 29 -->\n <div class=\"item\">\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 <!-- 7 -->\n <div class=\"item\">\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 <!-- 28 -->\n <div class=\"item\">\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 <!-- 12 -->\n <div class=\"item\">\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 <!-- 35 -->\n <div class=\"item top-right-radius\">\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 center\">\n <div class=\"left\">\n <!-- 5 -->\n <div class=\"item\">\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 <!-- 10 -->\n <div class=\"item\">\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 <!-- 23 -->\n <div class=\"item\">\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 <!-- 8 -->\n <div class=\"item\">\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 </div>\n <div class=\"map\">\n <div class=\"l-box\">\n <div\n class=\"item the_third-box\"\n @click=\"downBet($event, 'theThird')\"\n >\n <div class=\"the_third\"></div>\n <div class=\"click-box\">\n <confirmBet\n @confirm=\"confirmChip\"\n @cancel=\"cancelChip\"\n :data=\"{\n money: downChip.theThird,\n show: touch == 'theThird'\n }\"\n ></confirmBet>\n <chipView :list=\"chipArray.theThird\" :win=\"false\"></chipView>\n <div class=\"text\">\n <span class=\"points\">{{ Lang[Type].the_third }}</span>\n </div>\n </div>\n </div>\n <div class=\"line-box\"></div>\n <div class=\"item orphans-box\" @click=\"downBet($event, 'orphans')\">\n <div class=\"orphans\"></div>\n <div class=\"click-box\">\n <confirmBet\n @confirm=\"confirmChip\"\n @cancel=\"cancelChip\"\n :data=\"{\n money: downChip.orphans,\n show: touch == 'orphans'\n }\"\n ></confirmBet>\n <chipView :list=\"chipArray.orphans\" :win=\"false\"></chipView>\n <div class=\"text\">\n <span class=\"points\">{{ Lang[Type].orphans }}</span>\n </div>\n </div>\n </div>\n </div>\n <div class=\"r-box\">\n <div\n class=\"item neighbors_of_zero-box\"\n @click=\"downBet($event, 'neighborsOfZero')\"\n >\n <div class=\"neighbors_of_zero\"></div>\n <div class=\"click-box\">\n <confirmBet\n @confirm=\"confirmChip\"\n @cancel=\"cancelChip\"\n :data=\"{\n money: downChip.neighborsOfZero,\n show: touch == 'neighborsOfZero'\n }\"\n ></confirmBet>\n <chipView\n :list=\"chipArray.neighborsOfZero\"\n :win=\"false\"\n ></chipView>\n <div class=\"text\">\n <span class=\"points\">{{ Lang[Type].neighbors_of_zero }}</span>\n </div>\n </div>\n </div>\n\n <div\n class=\"item zero_game-box\"\n @click=\"downBet($event, 'zeroGame')\"\n >\n <div class=\"arc-line\"></div>\n <div class=\"zero_game\"></div>\n <div class=\"click-box\">\n <confirmBet\n @confirm=\"confirmChip\"\n @cancel=\"cancelChip\"\n :data=\"{\n money: downChip.zeroGame,\n show: touch == 'zeroGame'\n }\"\n ></confirmBet>\n <chipView :list=\"chipArray.zeroGame\" :win=\"false\"></chipView>\n <div class=\"text\">\n <span class=\"points\">{{ Lang[Type].zero_game }}</span>\n </div>\n </div>\n </div>\n </div>\n </div>\n <div class=\"right\">\n <!-- 3 -->\n <div class=\"item\">\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 <!-- 26 -->\n <div class=\"item\">\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 <!-- 0 -->\n <div class=\"item\">\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>\n <div class=\"list bottom\">\n <!-- 30 -->\n <div class=\"item bottom-left-radius\">\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 <!-- 11 -->\n <div class=\"item\">\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 <!-- 36 -->\n <div class=\"item\">\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 <!-- 13 -->\n <div class=\"item\">\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 <!-- 27 -->\n <div class=\"item\">\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 <!-- 6 -->\n <div class=\"item\">\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 <!-- 34 -->\n <div class=\"item\">\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 <!-- 17 -->\n <div class=\"item\">\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 <!-- 25 -->\n <div class=\"item\">\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 <!-- 2 -->\n <div class=\"item\">\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 <!-- 21 -->\n <div class=\"item\">\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 <!-- 4 -->\n <div class=\"item\">\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 <!-- 19 -->\n <div class=\"item\">\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 <!-- 15 -->\n <div class=\"item\">\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 <!-- 32 -->\n <div class=\"item bottom-right-radius\">\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 </div>\n <!-- 特殊下注高亮 -->\n <!-- <div class=\"the_third\"></div> -->\n <!-- <div class=\"orphans\"></div> -->\n <!-- <div class=\"neighbors_of_zero\"></div> -->\n <!-- <div class=\"zero_game\"></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 .french {\n position: absolute;\n top: 1.8rem;\n left: 2.8rem;\n right: 3.8rem;\n bottom: 0.25rem;\n border-radius: 0.95rem;\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 .top,\n .bottom {\n height: 22.5%;\n width: 100%;\n box-sizing: border-box;\n display: flex;\n .item {\n flex: 1;\n height: 100%;\n border-left: 1px solid #898a91;\n box-sizing: border-box;\n &:first-child {\n min-width: 9.5%;\n height: 100%;\n border-left: none;\n }\n &:last-child {\n min-width: 9.5%;\n height: 100%;\n }\n &.top-left-radius {\n border-top-left-radius: 0.95rem;\n .chip-view {\n border-top-left-radius: 0.95rem;\n }\n }\n &.top-right-radius {\n border-top-right-radius: 0.95rem;\n .chip-view {\n border-top-right-radius: 0.95rem;\n }\n }\n &.bottom-left-radius {\n border-bottom-left-radius: 0.95rem;\n .chip-view {\n border-bottom-left-radius: 0.95rem;\n }\n }\n &.bottom-right-radius {\n border-bottom-right-radius: 0.95rem;\n .chip-view {\n border-bottom-right-radius: 0.95rem;\n }\n }\n }\n }\n .top .item {\n &:nth-child(odd) {\n background: #333333;\n }\n &:nth-child(even) {\n background: #f65857;\n }\n }\n .bottom .item {\n &:nth-child(odd) {\n background: #f65857;\n }\n &:nth-child(even) {\n background: #333333;\n }\n }\n .center {\n width: 100%;\n height: 55%;\n display: flex;\n align-items: center;\n border-top: 1px solid #898a91;\n border-bottom: 1px solid #898a91;\n .map {\n width: 81%;\n height: 100%;\n display: flex;\n .l-box {\n width: 53.84%;\n height: 100%;\n border-right: 1px solid #898a91;\n display: flex;\n justify-content: space-between;\n .the_third-box {\n width: 28.571%;\n height: 100%;\n .click-box {\n width: 100%;\n height: 100%;\n position: relative;\n &::before {\n content: \"\";\n position: absolute;\n left: 100%;\n top: 0;\n width: 100%;\n height: 100%;\n clip-path: polygon(0 0, 0 100%, 100% 100%);\n }\n .text {\n width: 150%;\n font-size: 0.45rem;\n }\n .chip-view {\n background: none;\n }\n }\n }\n .line-box {\n pointer-events: none;\n width: 28.571%;\n height: 100%;\n background: #898a91;\n clip-path: polygon(0% 0%, 1% 0%, 100% 100%, 99% 100%);\n }\n .orphans-box {\n width: 42.851%;\n height: 100%;\n .click-box {\n width: 100%;\n height: 100%;\n position: relative;\n &::before {\n content: \"\";\n width: 66.66%;\n height: 100%;\n position: absolute;\n left: -66.66%;\n bottom: 0;\n clip-path: polygon(0 0%, 100% 100%, 100% 0%);\n }\n .text {\n width: 100%;\n left: -10%;\n font-size: 0.45rem;\n }\n .chip-view {\n background: none;\n }\n }\n }\n }\n .r-box {\n width: 46.16%;\n height: 100%;\n display: flex;\n justify-content: space-between;\n .neighbors_of_zero-box {\n width: 66.66%;\n height: 100%;\n .click-box {\n width: 100%;\n height: 100%;\n position: relative;\n &::after {\n content: \"\";\n top: 0;\n right: -25%;\n width: 25%;\n height: 100%;\n position: absolute;\n clip-path: polygon(\n 0% 0%,\n 100% 0%,\n 40% 10%,\n 0 50%,\n 40% 90%,\n 100% 100%,\n 0% 100%\n );\n }\n .text {\n font-size: 0.45rem;\n }\n .chip-view {\n background: none;\n }\n }\n }\n .zero_game-box {\n width: 16.666%;\n height: 100%;\n .arc-line {\n width: 100%;\n height: 100%;\n position: absolute;\n left: -100%;\n top: 0;\n overflow: hidden;\n pointer-events: none;\n &::after {\n content: \"\";\n width: 340%;\n height: 240%;\n position: absolute;\n left: 16%;\n top: 50%;\n border-left: 2px solid #898a91;\n border-top-left-radius: 100%;\n border-bottom-left-radius: 100%;\n transform: translateY(-50%) scaleY(0.5);\n }\n }\n .click-box {\n width: 100%;\n height: 100%;\n position: relative;\n &::after {\n content: \"\";\n top: 0;\n left: -90%;\n width: 180%;\n height: 100%;\n position: absolute;\n clip-path: ellipse(56% 50% at 60% 50%);\n }\n .text {\n font-size: 0.45rem;\n display: flex;\n flex-direction: column;\n left: -15%;\n .points {\n writing-mode: vertical-rl;\n }\n }\n .chip-view {\n background: none;\n }\n }\n }\n }\n }\n .left {\n width: 9.5%;\n height: 100%;\n border-right: 1px solid #898a91;\n display: flex;\n flex-direction: column;\n .item {\n flex: 1;\n border-bottom: 1px solid #898a91;\n box-sizing: border-box;\n &:last-child {\n border-bottom: none;\n }\n &:nth-child(odd) {\n background: #f65857;\n }\n &:nth-child(even) {\n background: #333333;\n }\n }\n }\n .right {\n width: 9.5%;\n height: 100%;\n border-left: 1px solid #898a91;\n box-sizing: border-box;\n display: flex;\n flex-direction: column;\n .item {\n flex: 1;\n border-bottom: 1px solid #898a91;\n box-sizing: border-box;\n &:nth-child(1) {\n background: #f65857;\n }\n &:nth-child(2) {\n background: #333333;\n }\n &:last-child {\n border-bottom: none;\n background: #5cb645;\n }\n }\n }\n }\n .the_third-box {\n &:active {\n .the_third {\n position: fixed;\n left: -1px;\n top: 0;\n background: url(\"~@/assets/images/roulette/the_third.png\") center\n center no-repeat;\n background-size: 102.5% 102.5%;\n height: 100%;\n width: 34.5%;\n z-index: 2;\n pointer-events: none;\n border-top-left-radius: 0.95rem;\n border-bottom-left-radius: 0.95rem;\n }\n }\n }\n .orphans-box {\n &:active {\n .orphans {\n position: fixed;\n left: 21.8%;\n top: 0;\n background: url(\"~@/assets/images/roulette/orphans.png\") center center\n no-repeat;\n background-size: 100% 102.5%;\n height: 100%;\n width: 31.4%;\n z-index: 2;\n pointer-events: none;\n }\n }\n }\n .neighbors_of_zero-box {\n &:active {\n .neighbors_of_zero {\n position: fixed;\n right: -1px;\n top: 0;\n background: url(\"~@/assets/images/roulette/neighbors_of_zero.png\")\n center center no-repeat;\n background-size: 100% 102.5%;\n height: 100%;\n width: 47%;\n z-index: 2;\n pointer-events: none;\n border-top-right-radius: 0.95rem;\n border-bottom-right-radius: 0.95rem;\n }\n }\n }\n .zero_game-box {\n &:active {\n .zero_game {\n position: fixed;\n right: -1px;\n top: 0;\n background: url(\"~@/assets/images/roulette/zero_game.png\") center\n center no-repeat;\n background-size: 100% 102.5%;\n height: 100%;\n width: 21.17%;\n z-index: 2;\n pointer-events: none;\n border-top-right-radius: 0.95rem;\n border-bottom-right-radius: 0.95rem;\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":"AAgzBA,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;MACtB;IAAA,CACF;IACA,OAAO;MAAEX,IAAI;MAAEI,IAAI;MAAEE,OAAO;MAAEG,WAAW;MAAEC,UAAU;MAAEC;IAAU;EACnE;AACF"},"metadata":{},"sourceType":"module","externalDependencies":[]} |