{"ast":null,"code":"import { ref, onMounted, computed, watch } from \"vue\";\nimport { useRouter } from \"vue-router\";\nimport { useStore } from \"vuex\";\nimport { Tabbar, TabbarItem, showDialog } from \"vant\";\nexport default {\n name: \"TabBar\",\n components: {\n \"van-tabbar\": Tabbar,\n \"van-tabbar-item\": TabbarItem\n },\n setup() {\n const router = useRouter();\n const store = useStore();\n const Type = computed(() => store.state.config.$Type);\n const Lang = computed(() => store.state.config.$lang);\n const active = ref(0);\n const tabbar = ref([]);\n watch(() => [Type.value], ([language]) => {\n const prefix = language == \"kr\" || language == \"yn\" || language == \"tl\" || language == \"in\" ? \"en\" : language;\n tabbar.value = [{\n // text: \"百家乐\",\n name: \"hall\",\n icon: {\n active: require(`../assets/images/tabbar/${prefix}_classics_active.png`),\n inactive: require(`../assets/images/tabbar/${prefix}_classics.png`)\n },\n to: \"/baccarat\"\n }, {\n // text: \"龙虎\",\n name: \"lh\",\n icon: {\n active: require(`../assets/images/tabbar/${prefix}_lh_active.png`),\n inactive: require(`../assets/images/tabbar/${prefix}_lh.png`)\n },\n to: \"/longhu\"\n }, {\n // text: \"牛牛\",\n name: \"nn\",\n icon: {\n active: require(`../assets/images/tabbar/${prefix}_nn_active.png`),\n inactive: require(`../assets/images/tabbar/${prefix}_nn.png`)\n },\n to: \"/nn\"\n }, {\n // text: \"色碟\",\n name: \"toning\",\n icon: {\n active: require(`../assets/images/tabbar/${prefix}_sd_active.png`),\n inactive: require(`../assets/images/tabbar/${prefix}_sd.png`)\n },\n to: \"/toning\"\n }, {\n // text: \"骰宝\",\n name: \"dice\",\n icon: {\n active: require(`../assets/images/tabbar/${prefix}_sb_active.png`),\n inactive: require(`../assets/images/tabbar/${prefix}_sb.png`)\n },\n to: \"/dice\"\n }, {\n // text: \"炸金花\",\n name: \"threecard\",\n icon: {\n active: require(`../assets/images/tabbar/${prefix}_sbnn_active.png`),\n inactive: require(`../assets/images/tabbar/${prefix}_sbnn.png`)\n },\n to: \"/threecard\"\n }, {\n // text: \"轮盘\",\n name: \"lp\",\n icon: {\n active: require(`../assets/images/tabbar/${prefix}_lp_active.png`),\n inactive: require(`../assets/images/tabbar/${prefix}_lp.png`)\n }\n //to: \"/lp\"\n }, {\n // text: \"多台\",\n name: \"multiple\",\n icon: {\n active: require(`../assets/images/tabbar/${prefix}_multiple_active.png`),\n inactive: require(`../assets/images/tabbar/${prefix}_multiple.png`)\n }\n // to: \"/multiple\"\n }];\n }, {\n immediate: true,\n deep: true\n });\n const changeEvnt = data => {\n //if (![\"hall\", \"lh\", \"nn\", \"toning\", \"dice\", \"lp\"].includes(data.name)) {\n //if (![\"hall\", \"lh\", \"nn\", \"toning\", \"dice\"].includes(data.name)) {\n if (![\"hall\", \"lh\", \"nn\", \"toning\", \"dice\", \"threecard\"].includes(data.name)) {\n showDialog({\n title: Lang.value[Type.value].tips,\n message: Lang.value[Type.value].msg_waiting_development,\n confirmButtonText: Lang.value[Type.value].Confirm\n }).then(() => {\n active.value = 0;\n });\n }\n };\n onMounted(() => {\n const routerName = router.currentRoute.value.name;\n active.value = routerName == \"nn\" ? 2 : routerName == \"longhu\" ? 1 : routerName == \"toning\" ? 3 : routerName == \"dice\" ? 4 : routerName == \"threecard\" ? 5 : routerName == \"lp\" ? 6 : 0;\n });\n return {\n tabbar,\n active,\n changeEvnt\n };\n }\n};","map":{"version":3,"names":["ref","onMounted","computed","watch","useRouter","useStore","Tabbar","TabbarItem","showDialog","name","components","setup","router","store","Type","state","config","$Type","Lang","$lang","active","tabbar","value","language","prefix","icon","require","inactive","to","immediate","deep","changeEvnt","data","includes","title","tips","message","msg_waiting_development","confirmButtonText","Confirm","then","routerName","currentRoute"],"sources":["/Users/li/Desktop/work/work2/OG/GamePortrait/src/components/Tabbar.vue"],"sourcesContent":["\n\t\n\t\t
\n\t\t\t\n\t\t\t\t\n\t\t\t\t\t![]()
\n\t\t\t\t\n\t\t\t\n\t\t\n\t