1 |
- {"remainingRequest":"D:\\wnmp\\www\\vue\\seaBlueAdmin\\node_modules\\babel-loader\\lib\\index.js!D:\\wnmp\\www\\vue\\seaBlueAdmin\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!D:\\wnmp\\www\\vue\\seaBlueAdmin\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\wnmp\\www\\vue\\seaBlueAdmin\\src\\views\\404.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\wnmp\\www\\vue\\seaBlueAdmin\\src\\views\\404.vue","mtime":1678954023512},{"path":"D:\\wnmp\\www\\vue\\seaBlueAdmin\\babel.config.js","mtime":1681371897685},{"path":"D:\\wnmp\\www\\vue\\seaBlueAdmin\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1681371913603},{"path":"D:\\wnmp\\www\\vue\\seaBlueAdmin\\node_modules\\babel-loader\\lib\\index.js","mtime":1681371912860},{"path":"D:\\wnmp\\www\\vue\\seaBlueAdmin\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1681371913603},{"path":"D:\\wnmp\\www\\vue\\seaBlueAdmin\\node_modules\\vue-loader\\lib\\index.js","mtime":1681371925849}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:Ly8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KaW1wb3J0IHsgbWFwQWN0aW9ucyB9IGZyb20gInZ1ZXgiOwpleHBvcnQgZGVmYXVsdCB7CiAgbmFtZTogIlBhZ2U0MDQiLAoKICBkYXRhKCkgewogICAgcmV0dXJuIHsKICAgICAganVtcFRpbWU6IDUsCiAgICAgIG9vcHM6ICLmirHmrYkhIiwKICAgICAgaGVhZGxpbmU6ICLlvZPliY3pobXpnaLkuI3lrZjlnKguLi4iLAogICAgICBpbmZvOiAi6K+35qOA5p+l5oKo6L6T5YWl55qE572R5Z2A5piv5ZCm5q2j56Gu77yM5oiW54K55Ye75LiL6Z2i55qE5oyJ6ZKu6L+U5Zue6aaW6aG144CCIiwKICAgICAgYnRuOiAi6L+U5Zue6aaW6aG1IiwKICAgICAgdGltZXI6IDAKICAgIH07CiAgfSwKCiAgbW91bnRlZCgpIHsKICAgIHRoaXMudGltZUNoYW5nZSgpOwogIH0sCgogIGJlZm9yZURlc3Ryb3koKSB7CiAgICBjbGVhckludGVydmFsKHRoaXMudGltZXIpOwogIH0sCgogIG1ldGhvZHM6IHsgLi4ubWFwQWN0aW9ucyh7CiAgICAgIGRlbE90aGVyc1Zpc2l0ZWRSb3V0ZXM6ICJ0YWdzQmFyL2RlbE90aGVyc1Zpc2l0ZWRSb3V0ZXMiCiAgICB9KSwKCiAgICB0aW1lQ2hhbmdlKCkgewogICAgICB0aGlzLnRpbWVyID0gc2V0SW50ZXJ2YWwoKCkgPT4gewogICAgICAgIGlmICh0aGlzLmp1bXBUaW1lKSB7CiAgICAgICAgICB0aGlzLmp1bXBUaW1lLS07CiAgICAgICAgfSBlbHNlIHsKICAgICAgICAgIHRoaXMuJHJvdXRlci5wdXNoKHsKICAgICAgICAgICAgcGF0aDogIi8iCiAgICAgICAgICB9KTsKICAgICAgICAgIHRoaXMuZGVsT3RoZXJzVmlzaXRlZFJvdXRlcyh7CiAgICAgICAgICAgIHBhdGg6ICIvIgogICAgICAgICAgfSk7CiAgICAgICAgICBjbGVhckludGVydmFsKHRoaXMudGltZXIpOwogICAgICAgIH0KICAgICAgfSwgMTAwMCk7CiAgICB9CgogIH0KfTs="},{"version":3,"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8BA;AAEA;EACAA,eADA;;EAEAC;IACA;MACAC,WADA;MAEAC,WAFA;MAGAC,sBAHA;MAIAC,mCAJA;MAKAC,WALA;MAMAC;IANA;EAQA,CAXA;;EAYAC;IACA;EACA,CAdA;;EAeAC;IACAC;EACA,CAjBA;;EAkBAC,WACA;MACAC;IADA,EADA;;IAIAC;MACA;QACA;UACA;QACA,CAFA,MAEA;UACA;YAAAC;UAAA;UACA;YAAAA;UAAA;UACAJ;QACA;MACA,CARA,EAQA,IARA;IASA;;EAdA;AAlBA","names":["name","data","jumpTime","oops","headline","info","btn","timer","mounted","beforeDestroy","clearInterval","methods","delOthersVisitedRoutes","timeChange","path"],"sourceRoot":"src/views","sources":["404.vue"],"sourcesContent":["<template>\n <div class=\"error-container\">\n <div class=\"error-content\">\n <el-row :gutter=\"20\">\n <el-col :lg=\"12\" :md=\"12\" :sm=\"24\" :xl=\"12\" :xs=\"24\">\n <div class=\"pic-error\">\n <img class=\"pic-error-parent\" src=\"@/assets/error_images/404.png\" />\n <img\n class=\"pic-error-child left\"\n src=\"@/assets/error_images/cloud.png\"\n />\n </div>\n </el-col>\n\n <el-col :lg=\"12\" :md=\"12\" :sm=\"24\" :xl=\"12\" :xs=\"24\">\n <div class=\"bullshit\">\n <div class=\"bullshit-oops\">{{ oops }}</div>\n <div class=\"bullshit-headline\">{{ headline }}</div>\n <div class=\"bullshit-info\">{{ info }}</div>\n <a class=\"bullshit-return-home\" href=\"#/index\">\n {{ jumpTime }}s {{ btn }}\n </a>\n </div>\n </el-col>\n </el-row>\n </div>\n </div>\n</template>\n\n<script>\n import { mapActions } from \"vuex\";\n\n export default {\n name: \"Page404\",\n data() {\n return {\n jumpTime: 5,\n oops: \"抱歉!\",\n headline: \"当前页面不存在...\",\n info: \"请检查您输入的网址是否正确,或点击下面的按钮返回首页。\",\n btn: \"返回首页\",\n timer: 0,\n };\n },\n mounted() {\n this.timeChange();\n },\n beforeDestroy() {\n clearInterval(this.timer);\n },\n methods: {\n ...mapActions({\n delOthersVisitedRoutes: \"tagsBar/delOthersVisitedRoutes\",\n }),\n timeChange() {\n this.timer = setInterval(() => {\n if (this.jumpTime) {\n this.jumpTime--;\n } else {\n this.$router.push({ path: \"/\" });\n this.delOthersVisitedRoutes({ path: \"/\" });\n clearInterval(this.timer);\n }\n }, 1000);\n },\n },\n };\n</script>\n\n<style lang=\"scss\" scoped>\n .error-container {\n position: relative;\n min-height: 100vh;\n\n .error-content {\n position: absolute;\n top: 55%;\n left: 50%;\n width: 40vw;\n height: 400px;\n transform: translate(-50%, -50%);\n\n .pic-error {\n position: relative;\n float: left;\n width: 100%;\n overflow: hidden;\n\n &-parent {\n width: 100%;\n }\n\n &-child {\n position: absolute;\n\n &.left {\n top: 17px;\n left: 220px;\n width: 80px;\n opacity: 0;\n animation-name: cloudLeft;\n animation-duration: 2s;\n animation-timing-function: linear;\n animation-delay: 1s;\n animation-fill-mode: forwards;\n }\n\n @keyframes cloudLeft {\n 0% {\n top: 17px;\n left: 220px;\n opacity: 0;\n }\n\n 20% {\n top: 33px;\n left: 188px;\n opacity: 1;\n }\n\n 80% {\n top: 81px;\n left: 92px;\n opacity: 1;\n }\n\n 100% {\n top: 97px;\n left: 60px;\n opacity: 0;\n }\n }\n }\n }\n\n .bullshit {\n position: relative;\n float: left;\n width: 300px;\n padding: 30px 0;\n overflow: hidden;\n\n &-oops {\n margin-bottom: 20px;\n font-size: 32px;\n font-weight: bold;\n line-height: 40px;\n color: $base-color-blue;\n opacity: 0;\n animation-name: slideUp;\n animation-duration: 0.5s;\n animation-fill-mode: forwards;\n }\n\n &-headline {\n margin-bottom: 10px;\n font-size: 20px;\n font-weight: bold;\n line-height: 24px;\n color: #222;\n opacity: 0;\n animation-name: slideUp;\n animation-duration: 0.5s;\n animation-delay: 0.1s;\n animation-fill-mode: forwards;\n }\n\n &-info {\n margin-bottom: 30px;\n font-size: 13px;\n line-height: 21px;\n color: $base-color-gray;\n opacity: 0;\n animation-name: slideUp;\n animation-duration: 0.5s;\n animation-delay: 0.2s;\n animation-fill-mode: forwards;\n }\n\n &-return-home {\n display: block;\n float: left;\n width: 110px;\n height: 36px;\n font-size: 14px;\n line-height: 36px;\n color: #fff;\n text-align: center;\n cursor: pointer;\n background: $base-color-blue;\n border-radius: 100px;\n opacity: 0;\n animation-name: slideUp;\n animation-duration: 0.5s;\n animation-delay: 0.3s;\n animation-fill-mode: forwards;\n }\n\n @keyframes slideUp {\n 0% {\n opacity: 0;\n transform: translateY(60px);\n }\n\n 100% {\n opacity: 1;\n transform: translateY(0);\n }\n }\n }\n }\n }\n</style>\n"]}]}
|