1 line
9.5 KiB
JSON
1 line
9.5 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 { baccaratData } from \"@/utils/common\";\nexport default {\n name: \"TableLonghu\",\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 ...baccaratData.amount\n })\n },\n winArray: {\n type: Array,\n default: () => []\n },\n downChip: {\n type: Object,\n default: () => ({\n ...baccaratData.amount\n })\n },\n chipArray: {\n type: Object,\n default: () => ({\n ...baccaratData.array\n })\n },\n tableData: {\n type: [Object],\n default: () => {}\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","baccaratData","name","components","props","touch","type","String","default","bet_amount_msg","Object","amount","winArray","Array","downChip","chipArray","array","tableData","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/TableLonghu.vue"],"sourcesContent":["<template>\n <div class=\"view longhu\">\n <div class=\"list\">\n <!-- 龙 -->\n <div class=\"item banker\">\n <confirmBet\n @confirm=\"confirmChip\"\n @cancel=\"cancelChip\"\n :data=\"{\n money: downChip.banker_amount,\n show: touch == 'banker_amount'\n }\"\n ></confirmBet>\n <chipView\n @click=\"downBet($event, 'banker_amount')\"\n :list=\"chipArray.banker_amount\"\n :win=\"winArray.includes('banker')\"\n ></chipView>\n <div class=\"text\">\n <span class=\"big\">{{ Lang[Type].dragon }}</span>\n <span>1:{{ tableData.price_dragon }}</span>\n </div>\n <div class=\"money\">{{ bet_amount_msg.banker_amount }}</div>\n </div>\n <!-- 和 -->\n <div class=\"item tie\">\n <confirmBet\n @confirm=\"confirmChip\"\n @cancel=\"cancelChip\"\n :data=\"{ money: downChip.tie_amount, show: touch == 'tie_amount' }\"\n ></confirmBet>\n <chipView\n @click=\"downBet($event, 'tie_amount')\"\n :list=\"chipArray.tie_amount\"\n :win=\"winArray.includes('tie')\"\n ></chipView>\n <div class=\"text\">\n <span class=\"big\">{{ Lang[Type].tie }}</span>\n <span>1:{{ tableData.price_tie_dt }}</span>\n </div>\n <div class=\"money\">{{ bet_amount_msg.tie_amount }}</div>\n </div>\n <!-- 虎 -->\n <div class=\"item palyer\">\n <confirmBet\n @confirm=\"confirmChip\"\n @cancel=\"cancelChip\"\n :data=\"{\n money: downChip.player_amount,\n show: touch == 'player_amount'\n }\"\n ></confirmBet>\n <chipView\n @click=\"downBet($event, 'player_amount')\"\n :list=\"chipArray.player_amount\"\n :win=\"winArray.includes('player')\"\n ></chipView>\n <div class=\"text\">\n <span class=\"big\">{{ Lang[Type].tiger }}</span>\n <span>1:{{ tableData.price_tiger }}</span>\n </div>\n <div class=\"money\">{{ bet_amount_msg.player_amount }}</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 { baccaratData } from \"@/utils/common\"\nexport default {\n name: \"TableLonghu\",\n components: { confirmBet, chipView },\n props: {\n touch: {\n type: String,\n default: \"\"\n },\n bet_amount_msg: {\n type: Object,\n default: () => ({\n ...baccaratData.amount\n })\n },\n winArray: {\n type: Array,\n default: () => []\n },\n downChip: {\n type: Object,\n default: () => ({\n ...baccaratData.amount\n })\n },\n chipArray: {\n type: Object,\n default: () => ({ ...baccaratData.array })\n },\n tableData: {\n type: [Object],\n default: () => {}\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/* 深色豪华主题配色 */\n$border-color: #444;\n$text-secondary: #888;\n\n.longhu {\n background: rgba(30, 30, 30, 0.95);\n .list {\n height: 100%;\n width: 100%;\n border: none;\n display: flex;\n box-sizing: border-box;\n .item {\n position: relative;\n border-right: 1px solid $border-color;\n font-size: 0.45rem;\n flex: 1;\n &:first-child {\n .chip-view {\n border-top-left-radius: 10px;\n }\n }\n &:last-child {\n border: none;\n .chip-view {\n border-top-right-radius: 10px;\n }\n }\n &.unclick {\n &:after {\n content: \"\";\n position: absolute;\n width: 102%;\n border-bottom: 1px solid $border-color;\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: rgba(98, 74, 4, 0.4);\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.15);\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.65rem;\n text-shadow: 1px 1px #050505;\n color: #fff;\n .big {\n font-weight: bold;\n padding-right: 0.24rem;\n padding-left: 0.2rem;\n }\n }\n .money {\n position: absolute;\n left: 0px;\n bottom: -2px;\n font-size: 0.24rem;\n font-weight: normal;\n transform: scale(0.7);\n color: $text-secondary;\n vertical-align: bottom;\n pointer-events: none;\n &::before {\n display: inline-block;\n content: \"总\";\n background: rgba(255, 255, 255, 0.2);\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 .banker .chip-view {\n border-bottom-left-radius: 10px;\n }\n .palyer .chip-view {\n border-bottom-right-radius: 10px;\n }\n}\n</style>\n"],"mappings":"AAoEA,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,aAAa;EACnBC,UAAU,EAAE;IAAEJ,UAAU;IAAEC;EAAS,CAAC;EACpCI,KAAK,EAAE;IACLC,KAAK,EAAE;MACLC,IAAI,EAAEC,MAAM;MACZC,OAAO,EAAE;IACX,CAAC;IACDC,cAAc,EAAE;MACdH,IAAI,EAAEI,MAAM;MACZF,OAAO,EAAEA,CAAA,MAAO;QACd,GAAGP,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,CAAC;IACDC,SAAS,EAAE;MACTX,IAAI,EAAE,CAACI,MAAM,CAAC;MACdF,OAAO,EAAEA,CAAA,KAAM,CAAC;IAClB;EACF,CAAC;EACDU,KAAKA,CAACC,IAAI,EAAEC,OAAO,EAAE;IACnB,MAAMC,KAAI,GAAIvB,QAAQ,EAAC;IACvB,MAAMwB,IAAG,GAAIzB,QAAQ,CAAC,MAAMwB,KAAK,CAACE,KAAK,CAACC,MAAM,CAACC,KAAK;IACpD,MAAMC,IAAG,GAAI7B,QAAQ,CAAC,MAAMwB,KAAK,CAACE,KAAK,CAACC,MAAM,CAACG,KAAK;IACpD,MAAMC,OAAM,GAAIA,CAACC,CAAC,EAAEvB,IAAI,KAAK;MAC3Bc,OAAO,CAACU,IAAI,CAAC,SAAS,EAAED,CAAC,EAAEvB,IAAI;IACjC;IACA,MAAMyB,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":[]} |