| 1 |
- {"remainingRequest":"D:\\cloud\\cemp\\cemp-ui\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\cloud\\cemp\\cemp-ui\\src\\components\\error-page\\404.vue?vue&type=style&index=0&id=1845bf6d&lang=scss&scoped=true&","dependencies":[{"path":"D:\\cloud\\cemp\\cemp-ui\\src\\components\\error-page\\404.vue","mtime":1619070292867},{"path":"D:\\cloud\\cemp\\cemp-ui\\node_modules\\css-loader\\index.js","mtime":499162500000},{"path":"D:\\cloud\\cemp\\cemp-ui\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":499162500000},{"path":"D:\\cloud\\cemp\\cemp-ui\\node_modules\\postcss-loader\\src\\index.js","mtime":499162500000},{"path":"D:\\cloud\\cemp\\cemp-ui\\node_modules\\sass-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\cloud\\cemp\\cemp-ui\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\cloud\\cemp\\cemp-ui\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":["\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\r\n@keyframes error404animation {\r\n 0% {\r\n transform: rotateZ(0deg);\r\n }\r\n 20% {\r\n transform: rotateZ(-60deg);\r\n }\r\n 40% {\r\n transform: rotateZ(-10deg);\r\n }\r\n 60% {\r\n transform: rotateZ(50deg);\r\n }\r\n 80% {\r\n transform: rotateZ(-20deg);\r\n }\r\n 100% {\r\n transform: rotateZ(0deg);\r\n }\r\n}\r\n.error404 {\r\n &-body-con {\r\n width: 700px;\r\n height: 500px;\r\n position: absolute;\r\n left: 50%;\r\n top: 50%;\r\n transform: translate(-50%, -50%);\r\n &-title {\r\n text-align: center;\r\n font-size: 240px;\r\n font-weight: 700;\r\n color: #2d8cf0;\r\n height: 260px;\r\n line-height: 260px;\r\n margin-top: 40px;\r\n span {\r\n display: inline-block;\r\n color: #19be6b;\r\n font-size: 230px;\r\n animation: error404animation 3s ease 0s infinite alternate;\r\n }\r\n }\r\n &-message {\r\n display: block;\r\n text-align: center;\r\n font-size: 30px;\r\n font-weight: 500;\r\n letter-spacing: 12px;\r\n color: #dddde2;\r\n }\r\n }\r\n &-btn-con {\r\n text-align: center;\r\n padding: 20px 0;\r\n margin-bottom: 40px;\r\n }\r\n}\r\n",{"version":3,"sources":["404.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgCA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"404.vue","sourceRoot":"src/components/error-page","sourcesContent":["<template>\r\n <div class=\"error404\">\r\n <div class=\"error404-body-con\">\r\n <el-card class=\"box-card\">\r\n <div class=\"error404-body-con-title\">4\r\n <span>0</span>4</div>\r\n <p class=\"error404-body-con-message\">YOU LOOK LOST</p>\r\n <div class=\"error404-btn-con\">\r\n <el-button @click=\"goHome\" size=\"large\" style=\"width: 200px;\" type=\"text\">返回首页</el-button>\r\n <el-button @click=\"backPage\" size=\"large\" style=\"width: 200px;margin-left: 40px;\" type=\"primary\">返回上一页</el-button>\r\n </div>\r\n </el-card>\r\n </div>\r\n </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n name: \"Error404\",\r\n methods: {\r\n backPage() {\r\n this.$router.go(-1);\r\n },\r\n goHome() {\r\n this.$router.push({\r\n path: \"/\"\r\n });\r\n }\r\n }\r\n};\r\n</script>\r\n<style lang=\"scss\" scoped>\r\n@keyframes error404animation {\r\n 0% {\r\n transform: rotateZ(0deg);\r\n }\r\n 20% {\r\n transform: rotateZ(-60deg);\r\n }\r\n 40% {\r\n transform: rotateZ(-10deg);\r\n }\r\n 60% {\r\n transform: rotateZ(50deg);\r\n }\r\n 80% {\r\n transform: rotateZ(-20deg);\r\n }\r\n 100% {\r\n transform: rotateZ(0deg);\r\n }\r\n}\r\n.error404 {\r\n &-body-con {\r\n width: 700px;\r\n height: 500px;\r\n position: absolute;\r\n left: 50%;\r\n top: 50%;\r\n transform: translate(-50%, -50%);\r\n &-title {\r\n text-align: center;\r\n font-size: 240px;\r\n font-weight: 700;\r\n color: #2d8cf0;\r\n height: 260px;\r\n line-height: 260px;\r\n margin-top: 40px;\r\n span {\r\n display: inline-block;\r\n color: #19be6b;\r\n font-size: 230px;\r\n animation: error404animation 3s ease 0s infinite alternate;\r\n }\r\n }\r\n &-message {\r\n display: block;\r\n text-align: center;\r\n font-size: 30px;\r\n font-weight: 500;\r\n letter-spacing: 12px;\r\n color: #dddde2;\r\n }\r\n }\r\n &-btn-con {\r\n text-align: center;\r\n padding: 20px 0;\r\n margin-bottom: 40px;\r\n }\r\n}\r\n</style>\r\n"]}]}
|
