1 line
14 KiB
JSON
1 line
14 KiB
JSON
{"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":["<template>\n\t<div class=\"tabbar\">\n\t\t<van-tabbar v-model=\"active\">\n\t\t\t<van-tabbar-item v-for=\"(item, index) in tabbar\" :key=\"index\" :name=\"item.name\" @click=\"handleClick(item)\">\n\t\t\t\t<template #icon=\"props\">\n\t\t\t\t\t<span class=\"tab-icon\" :class=\"{ active: props.active }\">{{ item.icon }}</span>\n\t\t\t\t</template>\n\t\t\t\t<span class=\"tab-text\" :class=\"{ active: active === item.name }\">{{ item.text }}</span>\n\t\t\t</van-tabbar-item>\n\t\t</van-tabbar>\n\t</div>\n</template>\n\n<script>\n\timport {\n\t\tref,\n\t\tonMounted,\n\t\tcomputed,\n\t\twatch\n\t} from \"vue\"\n\timport {\n\t\tuseRouter\n\t} from \"vue-router\"\n\timport {\n\t\tuseStore\n\t} from \"vuex\"\n\timport {\n\t\tTabbar,\n\t\tTabbarItem,\n\t\tshowDialog\n\t} from \"vant\"\n\texport default {\n\t\tname: \"TabBar\",\n\t\tcomponents: {\n\t\t\t\"van-tabbar\": Tabbar,\n\t\t\t\"van-tabbar-item\": TabbarItem\n\t\t},\n\t\tsetup() {\n\t\t\tconst router = useRouter()\n\t\t\tconst store = useStore()\n\t\t\tconst Type = computed(() => store.state.config.$Type)\n\t\t\tconst Lang = computed(() => store.state.config.$lang)\n\t\t\tconst active = ref(0)\n\t\t\tconst tabbar = ref([])\n\t\t\twatch(\n\t\t\t\t() => [Type.value],\n\t\t\t\t([language]) => {\n\t\t\t\t\tconst prefix =\n\t\t\t\t\t\tlanguage == \"kr\" ||\n\t\t\t\t\t\tlanguage == \"yn\" ||\n\t\t\t\t\t\tlanguage == \"tl\" ||\n\t\t\t\t\t\tlanguage == \"in\" ?\n\t\t\t\t\t\t\"en\" :\n\t\t\t\t\t\tlanguage\n\t\t\t\t\ttabbar.value = [{\n\t\t\t\t\t\t\t// text: \"百家乐\",\n\t\t\t\t\t\t\tname: \"hall\",\n\t\t\t\t\t\t\ticon: {\n\t\t\t\t\t\t\t\tactive: require(`../assets/images/tabbar/${prefix}_classics_active.png`),\n\t\t\t\t\t\t\t\tinactive: require(`../assets/images/tabbar/${prefix}_classics.png`)\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\tto: \"/baccarat\"\n\t\t\t\t\t\t},\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\t// text: \"龙虎\",\n\t\t\t\t\t\t\tname: \"lh\",\n\t\t\t\t\t\t\ticon: {\n\t\t\t\t\t\t\t\tactive: require(`../assets/images/tabbar/${prefix}_lh_active.png`),\n\t\t\t\t\t\t\t\tinactive: require(`../assets/images/tabbar/${prefix}_lh.png`)\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\tto: \"/longhu\"\n\t\t\t\t\t\t},\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\t// text: \"牛牛\",\n\t\t\t\t\t\t\tname: \"nn\",\n\t\t\t\t\t\t\ticon: {\n\t\t\t\t\t\t\t\tactive: require(`../assets/images/tabbar/${prefix}_nn_active.png`),\n\t\t\t\t\t\t\t\tinactive: require(`../assets/images/tabbar/${prefix}_nn.png`)\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\tto: \"/nn\"\n\t\t\t\t\t\t},\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\t// text: \"色碟\",\n\t\t\t\t\t\t\tname: \"toning\",\n\t\t\t\t\t\t\ticon: {\n\t\t\t\t\t\t\t\tactive: require(`../assets/images/tabbar/${prefix}_sd_active.png`),\n\t\t\t\t\t\t\t\tinactive: require(`../assets/images/tabbar/${prefix}_sd.png`)\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\tto: \"/toning\"\n\t\t\t\t\t\t},\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\t// text: \"骰宝\",\n\t\t\t\t\t\t\tname: \"dice\",\n\t\t\t\t\t\t\ticon: {\n\t\t\t\t\t\t\t\tactive: require(`../assets/images/tabbar/${prefix}_sb_active.png`),\n\t\t\t\t\t\t\t\tinactive: require(`../assets/images/tabbar/${prefix}_sb.png`)\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\tto: \"/dice\"\n\t\t\t\t\t\t},\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\t// text: \"炸金花\",\n\t\t\t\t\t\t\tname: \"threecard\",\n\t\t\t\t\t\t\ticon: {\n\t\t\t\t\t\t\t\tactive: require(`../assets/images/tabbar/${prefix}_sbnn_active.png`),\n\t\t\t\t\t\t\t\tinactive: require(`../assets/images/tabbar/${prefix}_sbnn.png`)\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\tto: \"/threecard\"\n\t\t\t\t\t\t},\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\t// text: \"轮盘\",\n\t\t\t\t\t\t\tname: \"lp\",\n\t\t\t\t\t\t\ticon: {\n\t\t\t\t\t\t\t\tactive: require(`../assets/images/tabbar/${prefix}_lp_active.png`),\n\t\t\t\t\t\t\t\tinactive: require(`../assets/images/tabbar/${prefix}_lp.png`)\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t//to: \"/lp\"\n\t\t\t\t\t\t},\n\n\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\t// text: \"多台\",\n\t\t\t\t\t\t\tname: \"multiple\",\n\t\t\t\t\t\t\ticon: {\n\t\t\t\t\t\t\t\tactive: require(`../assets/images/tabbar/${prefix}_multiple_active.png`),\n\t\t\t\t\t\t\t\tinactive: require(`../assets/images/tabbar/${prefix}_multiple.png`)\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t// to: \"/multiple\"\n\t\t\t\t\t\t}\n\t\t\t\t\t]\n\t\t\t\t}, {\n\t\t\t\t\timmediate: true,\n\t\t\t\t\tdeep: true\n\t\t\t\t}\n\t\t\t)\n\n\t\t\tconst changeEvnt = (data) => {\n\t\t\t\t//if (![\"hall\", \"lh\", \"nn\", \"toning\", \"dice\", \"lp\"].includes(data.name)) {\n\t\t\t\t//if (![\"hall\", \"lh\", \"nn\", \"toning\", \"dice\"].includes(data.name)) {\n\t\t\t\tif (![\"hall\", \"lh\", \"nn\", \"toning\", \"dice\", \"threecard\"].includes(data.name)) {\n\t\t\t\t\tshowDialog({\n\t\t\t\t\t\ttitle: Lang.value[Type.value].tips,\n\t\t\t\t\t\tmessage: Lang.value[Type.value].msg_waiting_development,\n\t\t\t\t\t\tconfirmButtonText: Lang.value[Type.value].Confirm\n\t\t\t\t\t}).then(() => {\n\t\t\t\t\t\tactive.value = 0\n\t\t\t\t\t})\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tonMounted(() => {\n\t\t\t\tconst routerName = router.currentRoute.value.name\n\t\t\t\tactive.value =\n\t\t\t\t\trouterName == \"nn\" ?\n\t\t\t\t\t2 :\n\t\t\t\t\trouterName == \"longhu\" ?\n\t\t\t\t\t1 :\n\t\t\t\t\trouterName == \"toning\" ?\n\t\t\t\t\t3 :\n\t\t\t\t\trouterName == \"dice\" ?\n\t\t\t\t\t4 :\n\t\t\t\t\trouterName == \"threecard\" ?\n\t\t\t\t\t5 :\n\t\t\t\t\trouterName == \"lp\" ?\n\t\t\t\t\t6 :\n\t\t\t\t\t0\n\t\t\t})\n\t\t\treturn {\n\t\t\t\ttabbar,\n\t\t\t\tactive,\n\t\t\t\tchangeEvnt\n\t\t\t}\n\t\t}\n\t}\n</script>\n<style lang=\"scss\" scoped>\n\t.tabbar {\n\t\t// position: fixed;\n\t\tposition: absolute;\n\t\twidth: 100%;\n\t\tleft: 0;\n\t\tbottom: 0;\n\t\tz-index: 25;\n\t\ttransform: rotateX(0deg);\n\t}\n\n\t.van-tabbar--fixed {\n\t\tposition: static;\n\t\twidth: 100%;\n\t\theight: 50px;\n\t\toverflow-y: auto;\n\t}\n\n\t.van-tabbar {\n\t\tbackground: rgba($color: #fff, $alpha: 0.95);\n\t}\n\n\t.van-tabbar-item__icon img {\n\t\theight: 26px;\n\t}\n\n\t.van-tabbar-item--active {\n\t\tbackground: none;\n\t}\n</style>"],"mappings":"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"},"metadata":{},"sourceType":"module","externalDependencies":[]} |