{"remainingRequest":"D:\\cloud\\template\\demo-ui\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\cloud\\template\\demo-ui\\src\\components\\error-page\\404.vue?vue&type=style&index=0&id=1845bf6d&lang=scss&scoped=true&","dependencies":[{"path":"D:\\cloud\\template\\demo-ui\\src\\components\\error-page\\404.vue","mtime":1619070292867},{"path":"D:\\cloud\\template\\demo-ui\\node_modules\\css-loader\\index.js","mtime":499162500000},{"path":"D:\\cloud\\template\\demo-ui\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":499162500000},{"path":"D:\\cloud\\template\\demo-ui\\node_modules\\postcss-loader\\src\\index.js","mtime":499162500000},{"path":"D:\\cloud\\template\\demo-ui\\node_modules\\sass-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\cloud\\template\\demo-ui\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\cloud\\template\\demo-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&nbsp;&nbsp;LOOK&nbsp;&nbsp;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"]}]}