{"remainingRequest":"D:\\源码\\vue-element-admin-master\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\源码\\vue-element-admin-master\\src\\views\\error-page\\404.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\源码\\vue-element-admin-master\\src\\views\\error-page\\404.vue","mtime":1649647926000},{"path":"D:\\源码\\vue-element-admin-master\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\源码\\vue-element-admin-master\\node_modules\\babel-loader\\lib\\index.js","mtime":315532800000},{"path":"D:\\源码\\vue-element-admin-master\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\源码\\vue-element-admin-master\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:Ly8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KCgpleHBvcnQgZGVmYXVsdCB7CiAgbmFtZTogJ1BhZ2U0MDQnLAogIGNvbXB1dGVkOiB7CiAgICBtZXNzYWdlKCkgewogICAgICByZXR1cm4gJ1RoZSB3ZWJtYXN0ZXIgc2FpZCB0aGF0IHlvdSBjYW4gbm90IGVudGVyIHRoaXMgcGFnZS4uLicKICAgIH0KICB9Cn0K"},{"version":3,"sources":["404.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAwBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"404.vue","sourceRoot":"src/views/error-page","sourcesContent":["<template>\n <div class=\"wscn-http404-container\">\n <div class=\"wscn-http404\">\n <div class=\"pic-404\">\n <img class=\"pic-404__parent\" src=\"@/assets/404_images/404.png\" alt=\"404\">\n <img class=\"pic-404__child left\" src=\"@/assets/404_images/404_cloud.png\" alt=\"404\">\n <img class=\"pic-404__child mid\" src=\"@/assets/404_images/404_cloud.png\" alt=\"404\">\n <img class=\"pic-404__child right\" src=\"@/assets/404_images/404_cloud.png\" alt=\"404\">\n </div>\n <div class=\"bullshit\">\n <div class=\"bullshit__oops\">OOPS!</div>\n <div class=\"bullshit__info\">All rights reserved\n <a style=\"color:#20a0ff\" href=\"https://wallstreetcn.com\" target=\"_blank\">wallstreetcn</a>\n </div>\n <div class=\"bullshit__headline\">{{ message }}</div>\n <div class=\"bullshit__info\">Please check that the URL you entered is correct, or click the button below to return to the homepage.</div>\n <a href=\"\" class=\"bullshit__return-home\">Back to home</a>\n </div>\n </div>\n </div>\n</template>\n\n<script>\n\nexport default {\n name: 'Page404',\n computed: {\n message() {\n return 'The webmaster said that you can not enter this page...'\n }\n }\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.wscn-http404-container{\n transform: translate(-50%,-50%);\n position: absolute;\n top: 40%;\n left: 50%;\n}\n.wscn-http404 {\n position: relative;\n width: 1200px;\n padding: 0 50px;\n overflow: hidden;\n .pic-404 {\n position: relative;\n float: left;\n width: 600px;\n overflow: hidden;\n &__parent {\n width: 100%;\n }\n &__child {\n position: absolute;\n &.left {\n width: 80px;\n top: 17px;\n left: 220px;\n opacity: 0;\n animation-name: cloudLeft;\n animation-duration: 2s;\n animation-timing-function: linear;\n animation-fill-mode: forwards;\n animation-delay: 1s;\n }\n &.mid {\n width: 46px;\n top: 10px;\n left: 420px;\n opacity: 0;\n animation-name: cloudMid;\n animation-duration: 2s;\n animation-timing-function: linear;\n animation-fill-mode: forwards;\n animation-delay: 1.2s;\n }\n &.right {\n width: 62px;\n top: 100px;\n left: 500px;\n opacity: 0;\n animation-name: cloudRight;\n animation-duration: 2s;\n animation-timing-function: linear;\n animation-fill-mode: forwards;\n animation-delay: 1s;\n }\n @keyframes cloudLeft {\n 0% {\n top: 17px;\n left: 220px;\n opacity: 0;\n }\n 20% {\n top: 33px;\n left: 188px;\n opacity: 1;\n }\n 80% {\n top: 81px;\n left: 92px;\n opacity: 1;\n }\n 100% {\n top: 97px;\n left: 60px;\n opacity: 0;\n }\n }\n @keyframes cloudMid {\n 0% {\n top: 10px;\n left: 420px;\n opacity: 0;\n }\n 20% {\n top: 40px;\n left: 360px;\n opacity: 1;\n }\n 70% {\n top: 130px;\n left: 180px;\n opacity: 1;\n }\n 100% {\n top: 160px;\n left: 120px;\n opacity: 0;\n }\n }\n @keyframes cloudRight {\n 0% {\n top: 100px;\n left: 500px;\n opacity: 0;\n }\n 20% {\n top: 120px;\n left: 460px;\n opacity: 1;\n }\n 80% {\n top: 180px;\n left: 340px;\n opacity: 1;\n }\n 100% {\n top: 200px;\n left: 300px;\n opacity: 0;\n }\n }\n }\n }\n .bullshit {\n position: relative;\n float: left;\n width: 300px;\n padding: 30px 0;\n overflow: hidden;\n &__oops {\n font-size: 32px;\n font-weight: bold;\n line-height: 40px;\n color: #1482f0;\n opacity: 0;\n margin-bottom: 20px;\n animation-name: slideUp;\n animation-duration: 0.5s;\n animation-fill-mode: forwards;\n }\n &__headline {\n font-size: 20px;\n line-height: 24px;\n color: #222;\n font-weight: bold;\n opacity: 0;\n margin-bottom: 10px;\n animation-name: slideUp;\n animation-duration: 0.5s;\n animation-delay: 0.1s;\n animation-fill-mode: forwards;\n }\n &__info {\n font-size: 13px;\n line-height: 21px;\n color: grey;\n opacity: 0;\n margin-bottom: 30px;\n animation-name: slideUp;\n animation-duration: 0.5s;\n animation-delay: 0.2s;\n animation-fill-mode: forwards;\n }\n &__return-home {\n display: block;\n float: left;\n width: 110px;\n height: 36px;\n background: #1482f0;\n border-radius: 100px;\n text-align: center;\n color: #ffffff;\n opacity: 0;\n font-size: 14px;\n line-height: 36px;\n cursor: pointer;\n animation-name: slideUp;\n animation-duration: 0.5s;\n animation-delay: 0.3s;\n animation-fill-mode: forwards;\n }\n @keyframes slideUp {\n 0% {\n transform: translateY(60px);\n opacity: 0;\n }\n 100% {\n transform: translateY(0);\n opacity: 1;\n }\n }\n }\n}\n</style>\n"]}]}
|
