1 line
13 KiB
JSON
1 line
13 KiB
JSON
{"ast":null,"code":"import { createElementVNode as _createElementVNode, toDisplayString as _toDisplayString, createTextVNode as _createTextVNode, resolveComponent as _resolveComponent, withCtx as _withCtx, createVNode as _createVNode, normalizeClass as _normalizeClass, vShow as _vShow, withDirectives as _withDirectives, openBlock as _openBlock, createElementBlock as _createElementBlock, pushScopeId as _pushScopeId, popScopeId as _popScopeId } from \"vue\";\nimport _imports_0 from '@/assets/images/icon/back.png';\nimport _imports_1 from '@/assets/images/icon/drop.png';\nimport _imports_2 from '@/assets/images/icon/music.png';\nimport _imports_3 from '@/assets/images/icon/menu.png';\nconst _withScopeId = n => (_pushScopeId(\"data-v-666b31ac\"), n = n(), _popScopeId(), n);\nconst _hoisted_1 = {\n class: \"navbar\"\n};\nconst _hoisted_2 = {\n class: \"user\"\n};\nconst _hoisted_3 = {\n class: \"name\"\n};\nconst _hoisted_4 = {\n class: \"money\"\n};\nconst _hoisted_5 = {\n class: \"drop-view\"\n};\nexport function render(_ctx, _cache, $props, $setup, $data, $options) {\n const _component_NavBar = _resolveComponent(\"NavBar\");\n return _openBlock(), _createElementBlock(\"div\", _hoisted_1, [_createVNode(_component_NavBar, {\n clickable: false\n }, {\n left: _withCtx(() => [_createElementVNode(\"img\", {\n class: \"icon\",\n onClick: _cache[0] || (_cache[0] = (...args) => $setup.logout && $setup.logout(...args)),\n src: _imports_0,\n alt: \"\"\n }), _createElementVNode(\"div\", _hoisted_2, [_createElementVNode(\"div\", _hoisted_3, _toDisplayString($setup.userInfo.username), 1 /* TEXT */), _createElementVNode(\"div\", _hoisted_4, _toDisplayString($setup.userInfo.money), 1 /* TEXT */)])]),\n\n title: _withCtx(() => [_createTextVNode(_toDisplayString($setup.Lang[$setup.Type].game_hall), 1 /* TEXT */)]),\n\n right: _withCtx(() => [_createElementVNode(\"img\", {\n class: \"icon\",\n onClick: _cache[1] || (_cache[1] = (...args) => $setup.toggleDrop && $setup.toggleDrop(...args)),\n src: _imports_1,\n alt: \"\"\n }), _createElementVNode(\"img\", {\n class: \"icon margin\",\n onClick: _cache[2] || (_cache[2] = (...args) => $setup.toggleAplayer && $setup.toggleAplayer(...args)),\n src: _imports_2,\n alt: \"\"\n }), _createElementVNode(\"img\", {\n class: \"icon\",\n onClick: _cache[3] || (_cache[3] = (...args) => $setup.showMenu && $setup.showMenu(...args)),\n src: _imports_3,\n alt: \"\"\n })]),\n _: 1 /* STABLE */\n }), _withDirectives(_createElementVNode(\"div\", _hoisted_5, [_createElementVNode(\"div\", {\n onClick: _cache[4] || (_cache[4] = $event => $setup.checkType('bigway')),\n class: _normalizeClass([\"btn animate__animated animated-delay01 animate__bounceIn bigway\", [{\n active: $setup.wayType == 'bigway'\n }, $setup.Type]])\n }, null, 2 /* CLASS */), _createElementVNode(\"div\", {\n onClick: _cache[5] || (_cache[5] = $event => $setup.checkType('allway')),\n class: _normalizeClass([\"btn animate__animated animated-delay03 animate__bounceIn allway\", [{\n active: $setup.wayType == 'allway'\n }, $setup.Type]])\n }, null, 2 /* CLASS */), _createElementVNode(\"div\", {\n onClick: _cache[6] || (_cache[6] = $event => $setup.checkType('totle')),\n class: _normalizeClass([\"btn animate__animated animated-delay04 animate__bounceIn totle\", [{\n active: $setup.wayType == 'totle'\n }, $setup.Type]])\n }, null, 2 /* CLASS */)], 512 /* NEED_PATCH */), [[_vShow, $setup.showBnt]])]);\n}","map":{"version":3,"names":["_imports_0","_imports_1","_imports_2","_imports_3","class","_createElementBlock","_hoisted_1","_createVNode","_component_NavBar","clickable","left","_withCtx","_createElementVNode","onClick","_cache","args","$setup","logout","src","alt","_hoisted_2","_hoisted_3","_toDisplayString","userInfo","username","_hoisted_4","money","title","Lang","Type","game_hall","right","toggleDrop","toggleAplayer","showMenu","_hoisted_5","$event","checkType","_normalizeClass","active","wayType","showBnt"],"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/* 深色豪华主题 */\n$dark-bg: #1a1a1a;\n$gold: #c5a059;\n$text-primary: #ffffff;\n$border-color: #333;\n\n.navbar {\n position: relative;\n background: $dark-bg;\n border-bottom: 1px solid $border-color;\n \n :deep(.van-nav-bar) {\n background: $dark-bg;\n \n &::after {\n display: none;\n }\n \n .van-nav-bar__title {\n color: $text-primary;\n font-weight: 600;\n }\n }\n \n .icon {\n width: 22px;\n filter: brightness(0) invert(1);\n &:active {\n opacity: 0.6;\n }\n &.margin {\n margin: 0 12px;\n }\n }\n \n .user {\n font-size: 13px;\n font-weight: 600;\n line-height: 1.2;\n margin-left: 15px;\n text-align: left;\n \n .name {\n padding-left: 20px;\n margin-top: 2px;\n color: $text-primary;\n background: url(\"~@/assets/images/icon/user.png\") left center no-repeat;\n background-size: 14px;\n filter: brightness(0) invert(1);\n }\n \n .money {\n color: $gold;\n padding-left: 20px;\n margin-top: 4px;\n font-weight: 700;\n background: url(\"~@/assets/images/icon/money.png\") left center no-repeat;\n background-size: 14px;\n }\n }\n \n .drop-view {\n position: absolute;\n width: 100px;\n right: 1.9rem;\n top: 50px;\n z-index: 99;\n background: #252525;\n border-radius: 8px;\n padding: 5px;\n box-shadow: 0 4px 12px rgba(0, 0, 0, 0.5);\n \n .btn {\n width: 90px;\n height: 34px;\n background-repeat: no-repeat;\n background-size: 100% auto;\n margin: 5px auto;\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":";OAOUA,UAAoC;OAapCC,UAAoC;OAMpCC,UAAqC;OAMrCC,UAAoC;;;EA/BvCC,KAAK,EAAC;AAAQ;;EASRA,KAAK,EAAC;AAAM;;EACVA,KAAK,EAAC;AAAM;;EACZA,KAAK,EAAC;AAAO;;EAyBnBA,KAAK,EAAC;AAAW;;;uBApCxBC,mBAAA,CAqDM,OArDNC,UAqDM,GApDJC,YAAA,CAkCSC,iBAAA;IAlCAC,SAAS,EAAE;EAAK;IACZC,IAAI,EAAAC,QAAA,CACb,MAKE,CALFC,mBAAA,CAKE;MAJAR,KAAK,EAAC,MAAM;MACXS,OAAK,EAAAC,MAAA,QAAAA,MAAA,UAAAC,IAAA,KAAEC,MAAA,CAAAC,MAAA,IAAAD,MAAA,CAAAC,MAAA,IAAAF,IAAA,CAAM;MACdG,GAAoC,EAApClB,UAAoC;MACpCmB,GAAG,EAAC;QAENP,mBAAA,CAGM,OAHNQ,UAGM,GAFJR,mBAAA,CAA+C,OAA/CS,UAA+C,EAAAC,gBAAA,CAA1BN,MAAA,CAAAO,QAAQ,CAACC,QAAQ,kBACtCZ,mBAAA,CAA6C,OAA7Ca,UAA6C,EAAAH,gBAAA,CAAvBN,MAAA,CAAAO,QAAQ,CAACG,KAAK,iB;;IAG7BC,KAAK,EAAAhB,QAAA,CAAC,MAA0B,C,kCAAvBK,MAAA,CAAAY,IAAI,CAACZ,MAAA,CAAAa,IAAI,EAAEC,SAAS,iB;;IAC7BC,KAAK,EAAApB,QAAA,CACd,MAKE,CALFC,mBAAA,CAKE;MAJAR,KAAK,EAAC,MAAM;MACXS,OAAK,EAAAC,MAAA,QAAAA,MAAA,UAAAC,IAAA,KAAEC,MAAA,CAAAgB,UAAA,IAAAhB,MAAA,CAAAgB,UAAA,IAAAjB,IAAA,CAAU;MAClBG,GAAoC,EAApCjB,UAAoC;MACpCkB,GAAG,EAAC;QAENP,mBAAA,CAKE;MAJAR,KAAK,EAAC,aAAa;MAClBS,OAAK,EAAAC,MAAA,QAAAA,MAAA,UAAAC,IAAA,KAAEC,MAAA,CAAAiB,aAAA,IAAAjB,MAAA,CAAAiB,aAAA,IAAAlB,IAAA,CAAa;MACrBG,GAAqC,EAArChB,UAAqC;MACrCiB,GAAG,EAAC;QAENP,mBAAA,CAKE;MAJAR,KAAK,EAAC,MAAM;MACXS,OAAK,EAAAC,MAAA,QAAAA,MAAA,UAAAC,IAAA,KAAEC,MAAA,CAAAkB,QAAA,IAAAlB,MAAA,CAAAkB,QAAA,IAAAnB,IAAA,CAAQ;MAChBG,GAAoC,EAApCf,UAAoC;MACpCgB,GAAG,EAAC;;;sBAIVP,mBAAA,CAgBM,OAhBNuB,UAgBM,GAfJvB,mBAAA,CAIO;IAHJC,OAAK,EAAAC,MAAA,QAAAA,MAAA,MAAAsB,MAAA,IAAEpB,MAAA,CAAAqB,SAAS;IACjBjC,KAAK,EAAAkC,eAAA,EAAC,iEAAiE;MAAAC,MAAA,EACpDvB,MAAA,CAAAwB,OAAO;IAAA,GAAgBxB,MAAA,CAAAa,IAAI;2BAEhDjB,mBAAA,CAIO;IAHJC,OAAK,EAAAC,MAAA,QAAAA,MAAA,MAAAsB,MAAA,IAAEpB,MAAA,CAAAqB,SAAS;IACjBjC,KAAK,EAAAkC,eAAA,EAAC,iEAAiE;MAAAC,MAAA,EACpDvB,MAAA,CAAAwB,OAAO;IAAA,GAAgBxB,MAAA,CAAAa,IAAI;2BAEhDjB,mBAAA,CAIO;IAHJC,OAAK,EAAAC,MAAA,QAAAA,MAAA,MAAAsB,MAAA,IAAEpB,MAAA,CAAAqB,SAAS;IACjBjC,KAAK,EAAAkC,eAAA,EAAC,gEAAgE;MAAAC,MAAA,EACnDvB,MAAA,CAAAwB,OAAO;IAAA,GAAexB,MAAA,CAAAa,IAAI;6DAdlBb,MAAA,CAAAyB,OAAO,E"},"metadata":{},"sourceType":"module","externalDependencies":[]} |