1 line
12 KiB
JSON
1 line
12 KiB
JSON
{"ast":null,"code":"import { toDisplayString as _toDisplayString, createElementVNode as _createElementVNode, renderList as _renderList, Fragment as _Fragment, openBlock as _openBlock, createElementBlock as _createElementBlock, normalizeClass as _normalizeClass, vShow as _vShow, withDirectives as _withDirectives, resolveComponent as _resolveComponent, createVNode as _createVNode, withCtx as _withCtx, pushScopeId as _pushScopeId, popScopeId as _popScopeId } from \"vue\";\nconst _withScopeId = n => (_pushScopeId(\"data-v-7589b93f\"), n = n(), _popScopeId(), n);\nconst _hoisted_1 = {\n class: \"login\"\n};\nconst _hoisted_2 = {\n class: \"langview\"\n};\nconst _hoisted_3 = {\n class: \"select-box\"\n};\nconst _hoisted_4 = [\"onClick\"];\nconst _hoisted_5 = {\n class: \"content\"\n};\nexport function render(_ctx, _cache, $props, $setup, $data, $options) {\n const _component_van_field = _resolveComponent(\"van-field\");\n const _component_van_icon = _resolveComponent(\"van-icon\");\n return _openBlock(), _createElementBlock(\"div\", _hoisted_1, [_createElementVNode(\"div\", _hoisted_2, [_createElementVNode(\"div\", {\n class: \"select\",\n onClick: _cache[0] || (_cache[0] = $event => $setup.showLangselect(true))\n }, _toDisplayString($setup.langList[$setup.Type]), 1 /* TEXT */), _withDirectives(_createElementVNode(\"div\", _hoisted_3, [(_openBlock(true), _createElementBlock(_Fragment, null, _renderList(Object.keys($setup.langList), item => {\n return _openBlock(), _createElementBlock(\"div\", {\n class: _normalizeClass([\"option\", {\n active: item == $setup.Type\n }]),\n key: item,\n onClick: $event => $setup.choseLang(item)\n }, _toDisplayString($setup.langList[item]), 11 /* TEXT, CLASS, PROPS */, _hoisted_4);\n }), 128 /* KEYED_FRAGMENT */))], 512 /* NEED_PATCH */), [[_vShow, $setup.langselect]])]), _createElementVNode(\"div\", _hoisted_5, [_createVNode(_component_van_field, {\n class: \"input\",\n modelValue: $setup.username,\n \"onUpdate:modelValue\": _cache[1] || (_cache[1] = $event => $setup.username = $event),\n type: \"text\",\n label: $setup.Lang[$setup.Type].account\n }, null, 8 /* PROPS */, [\"modelValue\", \"label\"]), _createVNode(_component_van_field, {\n class: \"input\",\n modelValue: $setup.password,\n \"onUpdate:modelValue\": _cache[3] || (_cache[3] = $event => $setup.password = $event),\n type: $setup.showPassword ? 'text' : 'password',\n label: $setup.Lang[$setup.Type].password\n }, {\n \"right-icon\": _withCtx(() => [_createVNode(_component_van_icon, {\n onClick: _cache[2] || (_cache[2] = $event => $setup.showPassword = !$setup.showPassword),\n name: $setup.showPassword ? 'eye-o' : 'closed-eye'\n }, null, 8 /* PROPS */, [\"name\"])]),\n _: 1 /* STABLE */\n }, 8 /* PROPS */, [\"modelValue\", \"type\", \"label\"]), _createElementVNode(\"div\", {\n class: \"btn\",\n onClick: _cache[4] || (_cache[4] = $event => $setup.doLogin('login'))\n }, _toDisplayString($setup.Lang[$setup.Type].login), 1 /* TEXT */), _createElementVNode(\"div\", {\n class: \"btn\",\n onClick: _cache[5] || (_cache[5] = $event => $setup.doLogin('dome'))\n }, _toDisplayString($setup.Lang[$setup.Type].dome), 1 /* TEXT */)])]);\n}","map":{"version":3,"names":["class","_createElementBlock","_hoisted_1","_createElementVNode","_hoisted_2","onClick","_cache","$event","$setup","showLangselect","langList","Type","_hoisted_3","_Fragment","_renderList","Object","keys","item","_normalizeClass","active","key","choseLang","_hoisted_4","langselect","_hoisted_5","_createVNode","_component_van_field","username","type","label","Lang","account","password","showPassword","_withCtx","_component_van_icon","name","doLogin","login","dome"],"sources":["/Users/li/Desktop/work/work2/OG/GamePortrait/src/views/login.vue"],"sourcesContent":["<template>\n <div class=\"login\">\n <div class=\"langview\">\n <div class=\"select\" @click=\"showLangselect(true)\">\n {{ langList[Type] }}\n </div>\n <div class=\"select-box\" v-show=\"langselect\">\n <div\n class=\"option\"\n v-for=\"item in Object.keys(langList)\"\n :key=\"item\"\n :class=\"{ active: item == Type }\"\n @click=\"choseLang(item)\"\n >\n {{ langList[item] }}\n </div>\n </div>\n </div>\n <div class=\"content\">\n <van-field\n class=\"input\"\n v-model=\"username\"\n type=\"text\"\n :label=\"Lang[Type].account\"\n />\n <van-field\n class=\"input\"\n v-model=\"password\"\n :type=\"showPassword ? 'text' : 'password'\"\n :label=\"Lang[Type].password\"\n >\n <template #right-icon>\n <van-icon\n @click=\"showPassword = !showPassword\"\n :name=\"showPassword ? 'eye-o' : 'closed-eye'\"\n />\n </template>\n </van-field>\n <div class=\"btn\" @click=\"doLogin('login')\">{{ Lang[Type].login }}</div>\n <div class=\"btn\" @click=\"doLogin('dome')\">{{ Lang[Type].dome }}</div>\n </div>\n </div>\n</template>\n\n<script>\nimport { ref, computed, onMounted } from \"vue\"\nimport { useStore } from \"vuex\"\nimport { showToast, showFailToast, showLoadingToast } from \"vant\"\nimport { useRouter } from \"vue-router\"\nimport { login, dome } from \"@/utils/api\"\nexport default {\n name: \"LoginPage\",\n components: {},\n setup() {\n const langList = {\n cn: \"简体中文\",\n tw: \"繁體中文\",\n en: \"English\",\n yn: \"Việt nam\",\n kr: \"한국어\",\n tl: \"แบบไทย\",\n in: \"Indonesia\"\n }\n const langselect = ref(false)\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 showPassword = ref(false)\n // const username = ref(\"488507782\")\n // const password = ref(\"123321\")\n const username = ref(\"\")\n const password = ref(\"\")\n const doLogin = (type) => {\n const o = navigator.userAgent\n const isAndroid = o.indexOf(\"Android\") > -1 || o.indexOf(\"Adr\") > -1 //android终端\n const isiOS = !!o.match(/\\(i[^;]+;( U;)? CPU.+Mac OS X/) //ios终端\n const client = isAndroid ? 3 : isiOS ? 2 : 1\n const params = {\n username: username.value,\n password: password.value,\n client\n }\n if (type == \"login\" && !params.username) {\n showToast({ message: Lang.value[Type.value].please_account })\n } else if (type == \"login\" && !params.password) {\n showToast({ message: Lang.value[Type.value].please_password })\n } else {\n const api = type == \"dome\" ? dome : login\n if (type == \"dome\") {\n params.token = \"shiwanlogin\"\n }\n showLoadingToast({\n message: Lang.value[Type.value].loging,\n forbidClick: true\n })\n api(params)\n .then((res) => {\n if (res.Success) {\n store.commit(\"app/updateUserInfo\", res.Data)\n // store.dispatch(\"app/init\")\n router.push(\"/hall\")\n } else {\n showToast({ message: res.Msg })\n }\n })\n .catch((err) => {\n showFailToast({ message: err })\n })\n }\n }\n const showLangselect = (state) => {\n langselect.value = state\n }\n const choseLang = (lang) => {\n store.commit(\"config/updateLang\", lang)\n langselect.value = false\n }\n onMounted(() => {\n let userInfo = {}\n try {\n userInfo = JSON.parse(localStorage.getItem(\"userInfo\"))\n } catch (err) {\n console.log(err)\n }\n if (userInfo && userInfo.online_token) {\n router.push(\"/hall\")\n }\n })\n return {\n langselect,\n langList,\n Type,\n Lang,\n username,\n password,\n showPassword,\n doLogin,\n showLangselect,\n choseLang\n }\n }\n}\n</script>\n<style lang=\"scss\" scoped>\n.login {\n display: flex;\n justify-content: center;\n align-items: center;\n width: 100%;\n height: 100%;\n background: #0d0d0d;\n transform: rotateX(0deg);\n .langview {\n position: absolute;\n top: 0.5rem;\n right: 1rem;\n .select {\n border-radius: 0.2rem;\n width: 2.5rem;\n display: inline-block;\n font-size: 0.45rem;\n color: #c5a059;\n line-height: 0.88rem;\n background: #1a1a1a;\n border: 1px solid #333;\n text-align: center;\n &:active {\n opacity: 0.6;\n }\n }\n .select-box {\n position: absolute;\n right: 0;\n top: 1.4rem;\n width: 2.5rem;\n line-height: 0.88rem;\n background: #1e1e1e;\n border: 1px solid #333;\n border-radius: 0.2rem;\n text-align: center;\n color: #fff;\n font-size: 0.4rem;\n z-index: 9;\n .option:active {\n opacity: 0.6;\n }\n .active {\n color: #c5a059;\n font-weight: bold;\n }\n }\n }\n .content {\n width: 240px;\n .input {\n border-radius: 40px;\n margin: 20px 0;\n padding: 8px 15px;\n background: #1e1e1e;\n border: 1px solid #333;\n ::v-deep .van-field__label {\n min-width: 40px;\n width: auto;\n color: #888;\n }\n ::v-deep .van-field__control {\n color: #fff;\n }\n ::v-deep .van-icon {\n color: #666;\n }\n }\n .btn {\n width: 100%;\n height: 40px;\n line-height: 40px;\n text-align: center;\n font-size: 18px;\n background: linear-gradient(135deg, #c5a059 0%, #d4af37 50%, #c5a059 100%);\n border-radius: 40px;\n color: #000;\n font-weight: 600;\n margin-bottom: 10px;\n box-shadow: 0 4px 12px rgba(197, 160, 89, 0.3);\n &:active {\n opacity: 0.8;\n }\n }\n }\n}\n</style>\n"],"mappings":";;;EACOA,KAAK,EAAC;AAAO;;EACXA,KAAK,EAAC;AAAU;;EAIdA,KAAK,EAAC;AAAY;;;EAYpBA,KAAK,EAAC;AAAS;;;;uBAjBtBC,mBAAA,CAwCM,OAxCNC,UAwCM,GAvCJC,mBAAA,CAeM,OAfNC,UAeM,GAdJD,mBAAA,CAEM;IAFDH,KAAK,EAAC,QAAQ;IAAEK,OAAK,EAAAC,MAAA,QAAAA,MAAA,MAAAC,MAAA,IAAEC,MAAA,CAAAC,cAAc;sBACrCD,MAAA,CAAAE,QAAQ,CAACF,MAAA,CAAAG,IAAI,mB,gBAElBR,mBAAA,CAUM,OAVNS,UAUM,I,kBATJX,mBAAA,CAQMY,SAAA,QAAAC,WAAA,CANWC,MAAM,CAACC,IAAI,CAACR,MAAA,CAAAE,QAAQ,GAA5BO,IAAI;yBAFbhB,mBAAA,CAQM;MAPJD,KAAK,EAAAkB,eAAA,EAAC,QAAQ;QAAAC,MAAA,EAGIF,IAAI,IAAIT,MAAA,CAAAG;MAAI;MAD7BS,GAAG,EAAEH,IAAI;MAETZ,OAAK,EAAAE,MAAA,IAAEC,MAAA,CAAAa,SAAS,CAACJ,IAAI;wBAEnBT,MAAA,CAAAE,QAAQ,CAACO,IAAI,iCAAAK,UAAA;oEARYd,MAAA,CAAAe,UAAU,E,KAY5CpB,mBAAA,CAsBM,OAtBNqB,UAsBM,GArBJC,YAAA,CAKEC,oBAAA;IAJA1B,KAAK,EAAC,OAAO;gBACJQ,MAAA,CAAAmB,QAAQ;+DAARnB,MAAA,CAAAmB,QAAQ,GAAApB,MAAA;IACjBqB,IAAI,EAAC,MAAM;IACVC,KAAK,EAAErB,MAAA,CAAAsB,IAAI,CAACtB,MAAA,CAAAG,IAAI,EAAEoB;oDAErBN,YAAA,CAYYC,oBAAA;IAXV1B,KAAK,EAAC,OAAO;gBACJQ,MAAA,CAAAwB,QAAQ;+DAARxB,MAAA,CAAAwB,QAAQ,GAAAzB,MAAA;IAChBqB,IAAI,EAAEpB,MAAA,CAAAyB,YAAY;IAClBJ,KAAK,EAAErB,MAAA,CAAAsB,IAAI,CAACtB,MAAA,CAAAG,IAAI,EAAEqB;;IAER,YAAU,EAAAE,QAAA,CACnB,MAGE,CAHFT,YAAA,CAGEU,mBAAA;MAFC9B,OAAK,EAAAC,MAAA,QAAAA,MAAA,MAAAC,MAAA,IAAEC,MAAA,CAAAyB,YAAY,IAAIzB,MAAA,CAAAyB,YAAY;MACnCG,IAAI,EAAE5B,MAAA,CAAAyB,YAAY;;;sDAIzB9B,mBAAA,CAAuE;IAAlEH,KAAK,EAAC,KAAK;IAAEK,OAAK,EAAAC,MAAA,QAAAA,MAAA,MAAAC,MAAA,IAAEC,MAAA,CAAA6B,OAAO;sBAAc7B,MAAA,CAAAsB,IAAI,CAACtB,MAAA,CAAAG,IAAI,EAAE2B,KAAK,kBAC9DnC,mBAAA,CAAqE;IAAhEH,KAAK,EAAC,KAAK;IAAEK,OAAK,EAAAC,MAAA,QAAAA,MAAA,MAAAC,MAAA,IAAEC,MAAA,CAAA6B,OAAO;sBAAa7B,MAAA,CAAAsB,IAAI,CAACtB,MAAA,CAAAG,IAAI,EAAE4B,IAAI,iB"},"metadata":{},"sourceType":"module","externalDependencies":[]} |