{"remainingRequest":"D:\\jiayue\\pig-ui\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\jiayue\\pig-ui\\src\\components\\error-page\\500.vue?vue&type=style&index=0&id=4cf39caa&lang=scss&scoped=true&","dependencies":[{"path":"D:\\jiayue\\pig-ui\\src\\components\\error-page\\500.vue","mtime":1619070292867},{"path":"D:\\jiayue\\pig-ui\\node_modules\\css-loader\\index.js","mtime":499162500000},{"path":"D:\\jiayue\\pig-ui\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":499162500000},{"path":"D:\\jiayue\\pig-ui\\node_modules\\postcss-loader\\src\\index.js","mtime":499162500000},{"path":"D:\\jiayue\\pig-ui\\node_modules\\sass-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\jiayue\\pig-ui\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\jiayue\\pig-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\n\n\n\n\n\n\n\r\n@keyframes error500animation {\r\n  0% {\r\n    transform: rotateZ(0deg);\r\n  }\r\n  20% {\r\n    transform: rotateZ(-10deg);\r\n  }\r\n  40% {\r\n    transform: rotateZ(5deg);\r\n  }\r\n  60% {\r\n    transform: rotateZ(-5deg);\r\n  }\r\n  80% {\r\n    transform: rotateZ(10deg);\r\n  }\r\n  100% {\r\n    transform: rotateZ(0deg);\r\n  }\r\n}\r\n.error500 {\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      .error500-0-span {\r\n        display: inline-block;\r\n        position: relative;\r\n        width: 170px;\r\n        height: 170px;\r\n        border-radius: 50%;\r\n        border: 20px solid #ed3f14;\r\n        color: #ed3f14;\r\n        margin-right: 10px;\r\n        i {\r\n          display: inline-block;\r\n          font-size: 120px !important;\r\n          position: absolute;\r\n          bottom: -43px;\r\n          left: 20px;\r\n          transform-origin: center bottom;\r\n          animation: error500animation 3s ease 0s infinite alternate;\r\n        }\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: 4px;\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":["500.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuCA;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"500.vue","sourceRoot":"src/components/error-page","sourcesContent":["<template>\r\n  <div class=\"error500\">\r\n    <div class=\"error500-body-con\">\r\n      <el-card class=\"box-card\">\r\n        <div class=\"error500-body-con-title\">\r\n          5\r\n          <span class=\"error500-0-span\">\r\n            <i class=\"icon-debug\"></i>\r\n          </span>\r\n          <span class=\"error500-0-span\">\r\n            <i class=\"icon-debug\"></i>\r\n          </span>\r\n        </div>\r\n        <p class=\"error500-body-con-message\">Oops! the server is wrong</p>\r\n        <div class=\"error500-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: \"Error500\",\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 error500animation {\r\n  0% {\r\n    transform: rotateZ(0deg);\r\n  }\r\n  20% {\r\n    transform: rotateZ(-10deg);\r\n  }\r\n  40% {\r\n    transform: rotateZ(5deg);\r\n  }\r\n  60% {\r\n    transform: rotateZ(-5deg);\r\n  }\r\n  80% {\r\n    transform: rotateZ(10deg);\r\n  }\r\n  100% {\r\n    transform: rotateZ(0deg);\r\n  }\r\n}\r\n.error500 {\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      .error500-0-span {\r\n        display: inline-block;\r\n        position: relative;\r\n        width: 170px;\r\n        height: 170px;\r\n        border-radius: 50%;\r\n        border: 20px solid #ed3f14;\r\n        color: #ed3f14;\r\n        margin-right: 10px;\r\n        i {\r\n          display: inline-block;\r\n          font-size: 120px !important;\r\n          position: absolute;\r\n          bottom: -43px;\r\n          left: 20px;\r\n          transform-origin: center bottom;\r\n          animation: error500animation 3s ease 0s infinite alternate;\r\n        }\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: 4px;\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\r\n"]}]}