| 1 |
- {"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\\500.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\cloud\\template\\demo-ui\\src\\components\\error-page\\500.vue","mtime":1619070292867},{"path":"D:\\cloud\\template\\demo-ui\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\cloud\\template\\demo-ui\\node_modules\\babel-loader\\lib\\index.js","mtime":315532800000},{"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\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",{"version":3,"sources":["500.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAwBA;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"]}]}
|
