1 line
14 KiB
JSON
1 line
14 KiB
JSON
{"ast":null,"code":"import { createCommentVNode as _createCommentVNode, createElementVNode as _createElementVNode, normalizeStyle as _normalizeStyle, openBlock as _openBlock, createElementBlock as _createElementBlock, toDisplayString as _toDisplayString, createTextVNode as _createTextVNode, pushScopeId as _pushScopeId, popScopeId as _popScopeId } from \"vue\";\nconst _withScopeId = n => (_pushScopeId(\"data-v-663e3498\"), n = n(), _popScopeId(), n);\nconst _hoisted_1 = {\n class: \"village\"\n};\nconst _hoisted_2 = {\n key: 0,\n class: \"rob-box bounceIn animated\"\n};\nconst _hoisted_3 = {\n class: \"countDown\"\n};\nconst _hoisted_4 = [\"innerHTML\"];\nconst _hoisted_5 = /*#__PURE__*/_withScopeId(() => /*#__PURE__*/_createElementVNode(\"div\", {\n class: \"bg\"\n}, null, -1 /* HOISTED */));\nconst _hoisted_6 = {\n class: \"name\"\n};\nconst _hoisted_7 = {\n key: 2,\n class: \"mask\"\n};\nconst _hoisted_8 = {\n key: 3,\n class: \"rob-result\"\n};\nexport function render(_ctx, _cache, $props, $setup, $data, $options) {\n return _openBlock(), _createElementBlock(\"div\", _hoisted_1, [_createCommentVNode(\" 抢庄 \"), $data.countDown && $data.countDown > 0 && $props.thisData.rob_time - 3 >= $data.countDown ? (_openBlock(), _createElementBlock(\"div\", _hoisted_2, [_createElementVNode(\"div\", _hoisted_3, [_createElementVNode(\"span\", {\n class: \"time\",\n innerHTML: $data.countDown\n }, null, 8 /* PROPS */, _hoisted_4), _hoisted_5]), $props.thisData.rob_banker_id == 0 ? (_openBlock(), _createElementBlock(\"div\", {\n key: 0,\n class: \"btn\",\n onClick: _cache[0] || (_cache[0] = $event => $options.sendRob(true)),\n style: _normalizeStyle(`background-image:url(${require('../assets/images/nn/' + _ctx.$lang[_ctx.$Type].rob_button)})`)\n }, null, 4 /* STYLE */)) : _createCommentVNode(\"v-if\", true), $props.thisData.rob_banker_id != 0 ? (_openBlock(), _createElementBlock(\"div\", {\n key: 1,\n class: \"btn unclick\",\n onClick: _cache[1] || (_cache[1] = $event => $options.sendRob(false)),\n style: _normalizeStyle(`background-image:url(${require('../assets/images/nn/' + _ctx.$lang[_ctx.$Type].unrob_button)})`)\n }, null, 4 /* STYLE */)) : _createCommentVNode(\"v-if\", true)])) : _createCommentVNode(\"v-if\", true), _createCommentVNode(\" 抢庄成功 \"), $data.successRob ? (_openBlock(), _createElementBlock(\"div\", {\n key: 1,\n class: \"success-rob fadeInDown animated\",\n style: _normalizeStyle(`background-image:url( ${require('../assets/images/nn/' + _ctx.$lang[_ctx.$Type].rob_result)})`)\n }, [_createElementVNode(\"div\", _hoisted_6, _toDisplayString($props.thisData.rob_banker_username), 1 /* TEXT */)], 4 /* STYLE */)) : _createCommentVNode(\"v-if\", true), $data.countDown && $data.countDown > 0 && $props.thisData.rob_time - 3 >= $data.countDown ? (_openBlock(), _createElementBlock(\"div\", _hoisted_7)) : _createCommentVNode(\"v-if\", true), $data.countDown == 0 && $data.rob_banker_username != '' && $props.thisData.rob_status == 2 ? (_openBlock(), _createElementBlock(\"div\", _hoisted_8, [_createElementVNode(\"i\", {\n style: _normalizeStyle(`background-image:url(${require('../assets/images/nn/' + _ctx.$lang[_ctx.$Type].rob_banker)})`)\n }, null, 4 /* STYLE */), _createTextVNode(\" \" + _toDisplayString($data.rob_banker_username), 1 /* TEXT */)])) : _createCommentVNode(\"v-if\", true)]);\n}","map":{"version":3,"names":["class","_createElementVNode","_createElementBlock","_hoisted_1","_createCommentVNode","$data","countDown","$props","thisData","rob_time","_hoisted_2","_hoisted_3","innerHTML","_hoisted_5","rob_banker_id","onClick","_cache","$event","$options","sendRob","style","_normalizeStyle","require","_ctx","$lang","$Type","rob_button","unrob_button","successRob","rob_result","_hoisted_6","_toDisplayString","rob_banker_username","_hoisted_7","rob_status","_hoisted_8","rob_banker"],"sources":["/Users/li/Desktop/work/work2/OG/GamePortrait/src/components/RushVillage.vue"],"sourcesContent":["<template>\n <div class=\"village\">\n <!-- 抢庄 -->\n <div\n class=\"rob-box bounceIn animated\"\n v-if=\"countDown && countDown > 0 && thisData.rob_time - 3 >= countDown\"\n >\n <div class=\"countDown\">\n <span class=\"time\" v-html=\"countDown\"></span>\n <div class=\"bg\"></div>\n </div>\n <div\n v-if=\"thisData.rob_banker_id == 0\"\n class=\"btn\"\n @click=\"sendRob(true)\"\n :style=\"`background-image:url(${require('../assets/images/nn/' +\n $lang[$Type].rob_button)})`\"\n ></div>\n <div\n v-if=\"thisData.rob_banker_id != 0\"\n class=\"btn unclick\"\n @click=\"sendRob(false)\"\n :style=\"`background-image:url(${require('../assets/images/nn/' +\n $lang[$Type].unrob_button)})`\"\n ></div>\n </div>\n <!-- 抢庄成功 -->\n <div\n v-if=\"successRob\"\n class=\"success-rob fadeInDown animated\"\n :style=\"`background-image:url( ${require('../assets/images/nn/' +\n $lang[$Type].rob_result)})`\"\n >\n <div class=\"name\">{{ thisData.rob_banker_username }}</div>\n </div>\n <div\n class=\"mask\"\n v-if=\"countDown && countDown > 0 && thisData.rob_time - 3 >= countDown\"\n ></div>\n <div\n class=\"rob-result\"\n v-if=\"\n countDown == 0 && rob_banker_username != '' && thisData.rob_status == 2\n \"\n >\n <i\n :style=\"`background-image:url(${require('../assets/images/nn/' +\n $lang[$Type].rob_banker)})`\"\n ></i>\n {{ rob_banker_username }}\n </div>\n </div>\n</template>\n\n<script>\nimport { mapState } from \"vuex\"\nimport { showToast } from \"vant\"\n// showSuccessToast, showFailToast\nexport default {\n data() {\n return {\n countDown: 0,\n rob_banker_username: \"\",\n successRob: false\n }\n },\n methods: {\n sendRob(state) {\n if (state == true) {\n var toRobData = {\n connect: \"client\",\n mode: \"toRob\",\n table_id: this.thisData.id,\n number_tab_id: this.thisData.number_tab_id\n }\n this.$store.dispatch(\"socket/sendMsg\", {\n ...toRobData\n })\n } else {\n if (this.$Type == \"cn\") {\n showToast(\"庄已被 \" + this.thisData.rob_banker_username + \" 抢了！\")\n } else if (this.$Type == \"tw\") {\n showToast(\"莊已被 \" + this.thisData.rob_banker_username + \" 搶了！\")\n } else if (this.$Type == \"en\") {\n showToast(\n \"Zhuang has been robbed by \" +\n this.thisData.rob_banker_username +\n \"！\"\n )\n }\n }\n }\n },\n computed: {\n ...mapState({\n $Type: (state) => state.config.$Type,\n $lang: (state) => state.config.$lang,\n userInfo: (state) => state.app.userInfo\n })\n },\n watch: {\n thisData: {\n handler: function (newData) {\n // console.log(newData)\n if (newData.game_id) {\n // 更新抢庄时间\n if (newData.sendMode == \"startRobCountDown\") {\n this.countDown = newData.rob_count_down\n } else if (\n newData.sendMode != \"toRobResult\" &&\n newData.sendMode != \"toRob\"\n ) {\n this.countDown = 0\n }\n\n // 判断是否系统抢庄\n if (this.countDown == 0) {\n if (newData.rob_banker_username) {\n this.rob_banker_username = newData.rob_banker_username\n } else {\n this.rob_banker_username = this.$lang[this.$Type].system\n }\n }\n // 判断抢庄提示\n if (\n newData.rob_banker_id == this.userInfo.uid &&\n newData.rob_status == 1\n ) {\n this.successRob = true\n setTimeout(() => {\n this.successRob = false\n newData.rob_status = 2\n }, 5000)\n } else {\n this.successRob = false\n }\n }\n },\n deep: true,\n immediate: true\n }\n },\n props: {\n thisData: Object\n }\n}\n</script>\n<style scoped>\n.village .mask {\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: rgba(0, 0, 0, 0.3);\n z-index: 3;\n pointer-events: none;\n z-index: 90;\n}\n.village .rob-box {\n width: 4.5rem;\n height: 6.6rem;\n position: absolute;\n left: 50%;\n top: 50%;\n margin-top: -3.3rem;\n margin-left: -2.25rem;\n z-index: 99;\n}\n.village .rob-box .countDown {\n width: 4rem;\n height: 4rem;\n position: relative;\n margin: 0 auto 0.6rem auto;\n}\n.village .rob-box .countDown .time {\n font-size: 1.4rem;\n display: block;\n position: relative;\n z-index: 1;\n text-align: center;\n line-height: 4rem;\n font-weight: bold;\n background-color: #96813b;\n background-image: -webkit-gradient(\n linear,\n left top,\n left bottom,\n from(#96813b),\n color-stop(50%, #f8eabc),\n to(#98833d)\n );\n background-image: linear-gradient(\n 180deg,\n #96813b 0%,\n #f8eabc 50%,\n #98833d 100%\n );\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n}\n.village .rob-box .countDown .bg {\n position: absolute;\n width: 100%;\n height: 100%;\n left: 0;\n top: 0;\n background: url(\"~@/assets/images/nn/rob_rotate.png\") no-repeat;\n -webkit-background-size: 100% 100%;\n background-size: 100% 100%;\n animation: rotate 12000ms linear infinite;\n}\n.village .rob-box .btn {\n width: 4.2rem;\n height: 1.2rem;\n margin: 0 auto;\n background: url(\"~@/assets/images/nn/rob_button.png\");\n -webkit-background-size: 100% 100%;\n background-size: 100% 100%;\n position: relative;\n}\n\n.village .rob-box .btn:after {\n content: \"\";\n position: absolute;\n width: 100%;\n height: 100%;\n left: 0;\n top: 0;\n background: url(\"~@/assets/images/nn/rob_button.png\");\n -webkit-background-size: 100% 100%;\n background-size: 100% 100%;\n animation: cirZoom infinite linear 2s 0.5s;\n z-index: -1;\n}\n\n.village .rob-box .btn.unclick {\n background-image: url(\"~@/assets/images/nn/unrob_button.png\");\n}\n\n.village .rob-box .btn.unclick:after {\n display: none;\n}\n\n.village .success-rob {\n position: absolute;\n width: 9rem;\n height: 5rem;\n left: 50%;\n top: 50%;\n margin-left: -4.5rem;\n margin-top: -2rem;\n z-index: 99;\n -webkit-background-size: 100% 100%;\n background-size: 100% 100%;\n}\n.village .success-rob:after {\n content: \"\";\n width: 4.5rem;\n height: 4.4rem;\n position: absolute;\n left: 50%;\n margin-left: -2.25rem;\n top: -1.9rem;\n background: url(\"~@/assets/images/nn/rob_logo.gif\") center center no-repeat;\n -webkit-background-size: 100%;\n background-size: 100%;\n}\n.village .success-rob .name {\n color: #fff;\n position: absolute;\n bottom: 0.5rem;\n left: 50%;\n width: 8rem;\n margin-left: -4rem;\n text-align: center;\n line-height: 1rem;\n background: url(\"~@/assets/images/nn/rob_name_bg.png\") center center no-repeat;\n -webkit-background-size: 100% 100%;\n background-size: 100% 100%;\n}\n\n.village .rob-result {\n position: fixed;\n left: 50%;\n top: 50%;\n text-align: center;\n min-width: 1.2rem;\n color: #f8eabc;\n font-size: 0.35rem;\n font-weight: 500;\n height: 0.8rem;\n line-height: 0.8rem;\n padding-left: 0.75rem;\n padding-right: 0.35rem;\n margin-top: -0.8rem;\n margin-left: -1.2rem;\n background: url(\"~@/assets/images/nn/rob_banker_bg.png\");\n -webkit-background-size: 100% 100%;\n background-size: 100% 100%;\n -webkit-animation-name: robZoom;\n animation-name: robZoom;\n -webkit-animation-duration: 4s;\n animation-duration: 4s;\n -webkit-animation-fill-mode: both;\n animation-fill-mode: both;\n z-index: 9999;\n}\n.village .rob-result i {\n content: \"\";\n position: absolute;\n width: 0.9rem;\n height: 0.9rem;\n left: -0.3rem;\n top: 50%;\n margin-top: -0.48rem;\n -webkit-background-size: 100% 100%;\n background-size: 100% 100%;\n}\n@keyframes robZoom {\n 0% {\n transform: translate(0, 0) scale(0, 0);\n }\n 50% {\n transform: translate(-5.8rem, -1.8rem) scale(1.2, 1.2);\n }\n 100% {\n transform: translate(-2.8rem, -4.95rem) scale(1, 1);\n }\n}\n</style>\n"],"mappings":";;;EACOA,KAAK,EAAC;AAAS;;;EAGhBA,KAAK,EAAC;;;EAGDA,KAAK,EAAC;AAAW;;gEAEpBC,mBAAA,CAAsB;EAAjBD,KAAK,EAAC;AAAI;;EAwBZA,KAAK,EAAC;AAAM;;;EAGjBA,KAAK,EAAC;;;;EAINA,KAAK,EAAC;;;uBAvCVE,mBAAA,CAkDM,OAlDNC,UAkDM,GAjDJC,mBAAA,QAAW,EAGHC,KAAA,CAAAC,SAAS,IAAID,KAAA,CAAAC,SAAS,QAAQC,MAAA,CAAAC,QAAQ,CAACC,QAAQ,QAAQJ,KAAA,CAAAC,SAAS,I,cAFxEJ,mBAAA,CAsBM,OAtBNQ,UAsBM,GAlBJT,mBAAA,CAGM,OAHNU,UAGM,GAFJV,mBAAA,CAA6C;IAAvCD,KAAK,EAAC,MAAM;IAACY,SAAkB,EAAVP,KAAA,CAAAC;uCAC3BO,UAAsB,C,GAGhBN,MAAA,CAAAC,QAAQ,CAACM,aAAa,S,cAD9BZ,mBAAA,CAMO;;IAJLF,KAAK,EAAC,KAAK;IACVe,OAAK,EAAAC,MAAA,QAAAA,MAAA,MAAAC,MAAA,IAAEC,QAAA,CAAAC,OAAO;IACdC,KAAK,EAAAC,eAAA,yBAA0BC,OAAO,0BAAoCC,IAAA,CAAAC,KAAK,CAACD,IAAA,CAAAE,KAAK,EAAEC,UAAU;gEAI5FnB,MAAA,CAAAC,QAAQ,CAACM,aAAa,S,cAD9BZ,mBAAA,CAMO;;IAJLF,KAAK,EAAC,aAAa;IAClBe,OAAK,EAAAC,MAAA,QAAAA,MAAA,MAAAC,MAAA,IAAEC,QAAA,CAAAC,OAAO;IACdC,KAAK,EAAAC,eAAA,yBAA0BC,OAAO,0BAAoCC,IAAA,CAAAC,KAAK,CAACD,IAAA,CAAAE,KAAK,EAAEE,YAAY;uGAIxGvB,mBAAA,UAAa,EAELC,KAAA,CAAAuB,UAAU,I,cADlB1B,mBAAA,CAOM;;IALJF,KAAK,EAAC,iCAAiC;IACtCoB,KAAK,EAAAC,eAAA,0BAA2BC,OAAO,0BAAkCC,IAAA,CAAAC,KAAK,CAACD,IAAA,CAAAE,KAAK,EAAEI,UAAU;MAGjG5B,mBAAA,CAA0D,OAA1D6B,UAA0D,EAAAC,gBAAA,CAArCxB,MAAA,CAAAC,QAAQ,CAACwB,mBAAmB,iB,uDAI3C3B,KAAA,CAAAC,SAAS,IAAID,KAAA,CAAAC,SAAS,QAAQC,MAAA,CAAAC,QAAQ,CAACC,QAAQ,QAAQJ,KAAA,CAAAC,SAAS,I,cAFxEJ,mBAAA,CAGO,OAHP+B,UAGO,K,mCAGU5B,KAAA,CAAAC,SAAS,SAASD,KAAA,CAAA2B,mBAAmB,UAAUzB,MAAA,CAAAC,QAAQ,CAAC0B,UAAU,S,cAFnFhC,mBAAA,CAWM,OAXNiC,UAWM,GALJlC,mBAAA,CAGK;IAFFmB,KAAK,EAAAC,eAAA,yBAA0BC,OAAO,0BAAoCC,IAAA,CAAAC,KAAK,CAACD,IAAA,CAAAE,KAAK,EAAEW,UAAU;4CAE/F,GACL,GAAAL,gBAAA,CAAG1B,KAAA,CAAA2B,mBAAmB,iB"},"metadata":{},"sourceType":"module","externalDependencies":[]} |