1 line
9.9 KiB
JSON
1 line
9.9 KiB
JSON
{"ast":null,"code":"import { ref, computed, onMounted } from \"vue\";\nimport { useStore } from \"vuex\";\nimport { NavBar } from \"vant\";\nexport default {\n name: \"HallNav\",\n components: {\n NavBar\n },\n setup() {\n const showBnt = ref(false);\n const store = useStore();\n const wayType = computed(() => store.state.config.hallWayType);\n const userInfo = computed(() => store.state.app.userInfo);\n const Type = computed(() => store.state.config.$Type);\n const Lang = computed(() => store.state.config.$lang);\n const showMenu = () => {\n store.commit(\"config/showMenu\", true);\n };\n const toggleDrop = () => {\n showBnt.value = !showBnt.value;\n };\n const checkType = type => {\n store.commit(\"config/updateHallWayType\", type);\n showBnt.value = false;\n };\n const logout = () => {\n const protocol = document.location.protocol;\n const hostname = document.location.hostname;\n const port = document.location.port;\n let url = \"\";\n if (port) {\n url = `${protocol}//${hostname}:${port}`;\n } else {\n url = `${protocol}//${hostname}`;\n }\n window.location.href = url;\n };\n const toggleAplayer = () => {\n store.commit(\"config/showAplayer\");\n };\n onMounted(() => {\n store.commit(\"app/updateGameId\", 1);\n });\n return {\n Type,\n Lang,\n showBnt,\n wayType,\n userInfo,\n showMenu,\n checkType,\n toggleDrop,\n toggleAplayer,\n logout\n };\n },\n methods: {}\n};","map":{"version":3,"names":["ref","computed","onMounted","useStore","NavBar","name","components","setup","showBnt","store","wayType","state","config","hallWayType","userInfo","app","Type","$Type","Lang","$lang","showMenu","commit","toggleDrop","value","checkType","type","logout","protocol","document","location","hostname","port","url","window","href","toggleAplayer","methods"],"sources":["/Users/li/Desktop/work/work2/OG/GamePortrait/src/components/HallNav.vue"],"sourcesContent":["<template>\n <div class=\"navbar\">\n <NavBar :clickable=\"false\">\n <template #left>\n <img\n class=\"icon\"\n @click=\"logout\"\n src=\"~@/assets/images/icon/back.png\"\n alt=\"\"\n />\n <div class=\"user\">\n <div class=\"name\">{{ userInfo.username }}</div>\n <div class=\"money\">{{ userInfo.money }}</div>\n </div>\n </template>\n <template #title>{{ Lang[Type].game_hall }}</template>\n <template #right>\n <img\n class=\"icon\"\n @click=\"toggleDrop\"\n src=\"~@/assets/images/icon/drop.png\"\n alt=\"\"\n />\n <img\n class=\"icon margin\"\n @click=\"toggleAplayer\"\n src=\"~@/assets/images/icon/music.png\"\n alt=\"\"\n />\n <img\n class=\"icon\"\n @click=\"showMenu\"\n src=\"~@/assets/images/icon/menu.png\"\n alt=\"\"\n />\n </template>\n </NavBar>\n <div class=\"drop-view\" v-show=\"showBnt\">\n <div\n @click=\"checkType('bigway')\"\n class=\"btn animate__animated animated-delay01 animate__bounceIn bigway\"\n :class=\"[{ active: wayType == 'bigway' }, Type]\"\n ></div>\n <div\n @click=\"checkType('allway')\"\n class=\"btn animate__animated animated-delay03 animate__bounceIn allway\"\n :class=\"[{ active: wayType == 'allway' }, Type]\"\n ></div>\n <div\n @click=\"checkType('totle')\"\n class=\"btn animate__animated animated-delay04 animate__bounceIn totle\"\n :class=\"[{ active: wayType == 'totle' }, Type]\"\n ></div>\n </div>\n </div>\n</template>\n\n<script>\nimport { ref, computed, onMounted } from \"vue\"\nimport { useStore } from \"vuex\"\nimport { NavBar } from \"vant\"\nexport default {\n name: \"HallNav\",\n components: { NavBar },\n setup() {\n const showBnt = ref(false)\n const store = useStore()\n const wayType = computed(() => store.state.config.hallWayType)\n const userInfo = computed(() => store.state.app.userInfo)\n const Type = computed(() => store.state.config.$Type)\n const Lang = computed(() => store.state.config.$lang)\n const showMenu = () => {\n store.commit(\"config/showMenu\", true)\n }\n const toggleDrop = () => {\n showBnt.value = !showBnt.value\n }\n const checkType = (type) => {\n store.commit(\"config/updateHallWayType\", type)\n showBnt.value = false\n }\n const logout = () => {\n const protocol = document.location.protocol\n const hostname = document.location.hostname\n const port = document.location.port\n let url = \"\"\n if (port) {\n url = `${protocol}//${hostname}:${port}`\n } else {\n url = `${protocol}//${hostname}`\n }\n window.location.href = url\n }\n const toggleAplayer = () => {\n store.commit(\"config/showAplayer\")\n }\n onMounted(() => {\n store.commit(\"app/updateGameId\", 1)\n })\n\n return {\n Type,\n Lang,\n showBnt,\n wayType,\n userInfo,\n showMenu,\n checkType,\n toggleDrop,\n toggleAplayer,\n logout\n }\n },\n methods: {}\n}\n</script>\n<style lang=\"scss\" scoped>\n.navbar {\n position: relative;\n .icon {\n width: 24px;\n &:active {\n opacity: 0.6;\n }\n &.margin {\n margin: 0 20px;\n }\n }\n .user {\n font-size: 13px;\n font-weight: 600;\n line-height: 1;\n margin-left: 20px;\n text-align: left;\n .name {\n padding-left: 20px;\n margin-top: 3px;\n background: url(\"~@/assets/images/icon/user.png\") left center no-repeat;\n background-size: 14px;\n }\n .money {\n color: #e2900a;\n padding-left: 20px;\n margin-top: 3px;\n background: url(\"~@/assets/images/icon/money.png\") left center no-repeat;\n background-size: 14px;\n }\n }\n .drop-view {\n position: absolute;\n width: 100px;\n right: 1.9rem;\n top: 40px;\n z-index: 9;\n .btn {\n width: 100px;\n height: 34px;\n background-repeat: no-repeat;\n background-size: 100% auto;\n margin: 10px 0;\n\n &.bigway {\n background-image: url(\"~@/assets/images/cn_bigway_btn.png\");\n &.en,\n &.kr,\n &.yn {\n background-image: url(\"~@/assets/images/en_bigway_btn.png\");\n }\n &.tw {\n background-image: url(\"~@/assets/images/tw_bigway_btn.png\");\n }\n }\n &.allway {\n background-image: url(\"~@/assets/images/cn_allway_btn.png\");\n &.en,\n &.kr,\n &.yn {\n background-image: url(\"~@/assets/images/en_allway_btn.png\");\n }\n &.tw {\n background-image: url(\"~@/assets/images/tw_allway_btn.png\");\n }\n }\n &.totle {\n background-image: url(\"~@/assets/images/cn_totle_btn.png\");\n &.en,\n &.kr,\n &.yn {\n background-image: url(\"~@/assets/images/en_totle_btn.png\");\n }\n &.tw {\n background-image: url(\"~@/assets/images/tw_totle_btn.png\");\n }\n }\n &.active {\n &.bigway {\n background-image: url(\"~@/assets/images/cn_bigway_active_btn.png\");\n &.en,\n &.kr,\n &.yn {\n background-image: url(\"~@/assets/images/en_bigway_active_btn.png\");\n }\n &.tw {\n background-image: url(\"~@/assets/images/tw_bigway_active_btn.png\");\n }\n }\n &.allway {\n background-image: url(\"~@/assets/images/cn_allway_active_btn.png\");\n &.en,\n &.kr,\n &.yn {\n background-image: url(\"~@/assets/images/en_allway_active_btn.png\");\n }\n &.tw {\n background-image: url(\"~@/assets/images/tw_allway_active_btn.png\");\n }\n }\n &.totle {\n background-image: url(\"~@/assets/images/cn_totle_active_btn.png\");\n &.en,\n &.kr,\n &.yn {\n background-image: url(\"~@/assets/images/en_totle_active_btn.png\");\n }\n &.tw {\n background-image: url(\"~@/assets/images/tw_totle_active_btn.png\");\n }\n }\n }\n }\n }\n}\n</style>\n"],"mappings":"AA0DA,SAASA,GAAG,EAAEC,QAAQ,EAAEC,SAAQ,QAAS,KAAI;AAC7C,SAASC,QAAO,QAAS,MAAK;AAC9B,SAASC,MAAK,QAAS,MAAK;AAC5B,eAAe;EACbC,IAAI,EAAE,SAAS;EACfC,UAAU,EAAE;IAAEF;EAAO,CAAC;EACtBG,KAAKA,CAAA,EAAG;IACN,MAAMC,OAAM,GAAIR,GAAG,CAAC,KAAK;IACzB,MAAMS,KAAI,GAAIN,QAAQ,EAAC;IACvB,MAAMO,OAAM,GAAIT,QAAQ,CAAC,MAAMQ,KAAK,CAACE,KAAK,CAACC,MAAM,CAACC,WAAW;IAC7D,MAAMC,QAAO,GAAIb,QAAQ,CAAC,MAAMQ,KAAK,CAACE,KAAK,CAACI,GAAG,CAACD,QAAQ;IACxD,MAAME,IAAG,GAAIf,QAAQ,CAAC,MAAMQ,KAAK,CAACE,KAAK,CAACC,MAAM,CAACK,KAAK;IACpD,MAAMC,IAAG,GAAIjB,QAAQ,CAAC,MAAMQ,KAAK,CAACE,KAAK,CAACC,MAAM,CAACO,KAAK;IACpD,MAAMC,QAAO,GAAIA,CAAA,KAAM;MACrBX,KAAK,CAACY,MAAM,CAAC,iBAAiB,EAAE,IAAI;IACtC;IACA,MAAMC,UAAS,GAAIA,CAAA,KAAM;MACvBd,OAAO,CAACe,KAAI,GAAI,CAACf,OAAO,CAACe,KAAI;IAC/B;IACA,MAAMC,SAAQ,GAAKC,IAAI,IAAK;MAC1BhB,KAAK,CAACY,MAAM,CAAC,0BAA0B,EAAEI,IAAI;MAC7CjB,OAAO,CAACe,KAAI,GAAI,KAAI;IACtB;IACA,MAAMG,MAAK,GAAIA,CAAA,KAAM;MACnB,MAAMC,QAAO,GAAIC,QAAQ,CAACC,QAAQ,CAACF,QAAO;MAC1C,MAAMG,QAAO,GAAIF,QAAQ,CAACC,QAAQ,CAACC,QAAO;MAC1C,MAAMC,IAAG,GAAIH,QAAQ,CAACC,QAAQ,CAACE,IAAG;MAClC,IAAIC,GAAE,GAAI,EAAC;MACX,IAAID,IAAI,EAAE;QACRC,GAAE,GAAK,GAAEL,QAAS,KAAIG,QAAS,IAAGC,IAAK;MACzC,OAAO;QACLC,GAAE,GAAK,GAAEL,QAAS,KAAIG,QAAS;MACjC;MACAG,MAAM,CAACJ,QAAQ,CAACK,IAAG,GAAIF,GAAE;IAC3B;IACA,MAAMG,aAAY,GAAIA,CAAA,KAAM;MAC1B1B,KAAK,CAACY,MAAM,CAAC,oBAAoB;IACnC;IACAnB,SAAS,CAAC,MAAM;MACdO,KAAK,CAACY,MAAM,CAAC,kBAAkB,EAAE,CAAC;IACpC,CAAC;IAED,OAAO;MACLL,IAAI;MACJE,IAAI;MACJV,OAAO;MACPE,OAAO;MACPI,QAAQ;MACRM,QAAQ;MACRI,SAAS;MACTF,UAAU;MACVa,aAAa;MACbT;IACF;EACF,CAAC;EACDU,OAAO,EAAE,CAAC;AACZ"},"metadata":{},"sourceType":"module","externalDependencies":[]} |