1 line
13 KiB
JSON
1 line
13 KiB
JSON
{"ast":null,"code":"import { 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(\"Zhuang has been robbed by \" + this.thisData.rob_banker_username + \"！\");\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 (newData.sendMode != \"toRobResult\" && newData.sendMode != \"toRob\") {\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 (newData.rob_banker_id == this.userInfo.uid && newData.rob_status == 1) {\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};","map":{"version":3,"names":["mapState","showToast","data","countDown","rob_banker_username","successRob","methods","sendRob","state","toRobData","connect","mode","table_id","thisData","id","number_tab_id","$store","dispatch","$Type","computed","config","$lang","userInfo","app","watch","handler","newData","game_id","sendMode","rob_count_down","system","rob_banker_id","uid","rob_status","setTimeout","deep","immediate","props","Object"],"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":"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"},"metadata":{},"sourceType":"module","externalDependencies":[]} |