1 |
- {"remainingRequest":"/Users/caoge/Desktop/地质现场/VehicleMonitor-WEB/node_modules/vue-loader/lib/index.js??vue-loader-options!/Users/caoge/Desktop/地质现场/VehicleMonitor-WEB/src/views/404.vue?vue&type=style&index=0&id=6b3aeb0e&lang=scss&scoped=true","dependencies":[{"path":"/Users/caoge/Desktop/地质现场/VehicleMonitor-WEB/src/views/404.vue","mtime":1708395041885},{"path":"/Users/caoge/Desktop/地质现场/VehicleMonitor-WEB/node_modules/css-loader/dist/cjs.js","mtime":1708395146948},{"path":"/Users/caoge/Desktop/地质现场/VehicleMonitor-WEB/node_modules/vue-loader/lib/loaders/stylePostLoader.js","mtime":1708395147772},{"path":"/Users/caoge/Desktop/地质现场/VehicleMonitor-WEB/node_modules/postcss-loader/src/index.js","mtime":1708395147225},{"path":"/Users/caoge/Desktop/地质现场/VehicleMonitor-WEB/node_modules/sass-loader/dist/cjs.js","mtime":1708395146389},{"path":"/Users/caoge/Desktop/地质现场/VehicleMonitor-WEB/node_modules/cache-loader/dist/cjs.js","mtime":1708395146433},{"path":"/Users/caoge/Desktop/地质现场/VehicleMonitor-WEB/node_modules/vue-loader/lib/index.js","mtime":1708395147382}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:CgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCg0KLndzY24taHR0cDQwNC1jb250YWluZXJ7DQogIHRyYW5zZm9ybTogdHJhbnNsYXRlKC01MCUsLTUwJSk7DQogIHBvc2l0aW9uOiBhYnNvbHV0ZTsNCiAgdG9wOiA0MCU7DQogIGxlZnQ6IDUwJTsNCn0NCi53c2NuLWh0dHA0MDQgew0KICBwb3NpdGlvbjogcmVsYXRpdmU7DQogIHdpZHRoOiAxMjAwcHg7DQogIHBhZGRpbmc6IDAgNTBweDsNCiAgb3ZlcmZsb3c6IGhpZGRlbjsNCiAgLnBpYy00MDQgew0KICAgIHBvc2l0aW9uOiByZWxhdGl2ZTsNCiAgICBmbG9hdDogbGVmdDsNCiAgICB3aWR0aDogNjAwcHg7DQogICAgb3ZlcmZsb3c6IGhpZGRlbjsNCiAgICAmX19wYXJlbnQgew0KICAgICAgd2lkdGg6IDEwMCU7DQogICAgfQ0KICAgICZfX2NoaWxkIHsNCiAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTsNCiAgICAgICYubGVmdCB7DQogICAgICAgIHdpZHRoOiA4MHB4Ow0KICAgICAgICB0b3A6IDE3cHg7DQogICAgICAgIGxlZnQ6IDIyMHB4Ow0KICAgICAgICBvcGFjaXR5OiAwOw0KICAgICAgICBhbmltYXRpb24tbmFtZTogY2xvdWRMZWZ0Ow0KICAgICAgICBhbmltYXRpb24tZHVyYXRpb246IDJzOw0KICAgICAgICBhbmltYXRpb24tdGltaW5nLWZ1bmN0aW9uOiBsaW5lYXI7DQogICAgICAgIGFuaW1hdGlvbi1maWxsLW1vZGU6IGZvcndhcmRzOw0KICAgICAgICBhbmltYXRpb24tZGVsYXk6IDFzOw0KICAgICAgfQ0KICAgICAgJi5taWQgew0KICAgICAgICB3aWR0aDogNDZweDsNCiAgICAgICAgdG9wOiAxMHB4Ow0KICAgICAgICBsZWZ0OiA0MjBweDsNCiAgICAgICAgb3BhY2l0eTogMDsNCiAgICAgICAgYW5pbWF0aW9uLW5hbWU6IGNsb3VkTWlkOw0KICAgICAgICBhbmltYXRpb24tZHVyYXRpb246IDJzOw0KICAgICAgICBhbmltYXRpb24tdGltaW5nLWZ1bmN0aW9uOiBsaW5lYXI7DQogICAgICAgIGFuaW1hdGlvbi1maWxsLW1vZGU6IGZvcndhcmRzOw0KICAgICAgICBhbmltYXRpb24tZGVsYXk6IDEuMnM7DQogICAgICB9DQogICAgICAmLnJpZ2h0IHsNCiAgICAgICAgd2lkdGg6IDYycHg7DQogICAgICAgIHRvcDogMTAwcHg7DQogICAgICAgIGxlZnQ6IDUwMHB4Ow0KICAgICAgICBvcGFjaXR5OiAwOw0KICAgICAgICBhbmltYXRpb24tbmFtZTogY2xvdWRSaWdodDsNCiAgICAgICAgYW5pbWF0aW9uLWR1cmF0aW9uOiAyczsNCiAgICAgICAgYW5pbWF0aW9uLXRpbWluZy1mdW5jdGlvbjogbGluZWFyOw0KICAgICAgICBhbmltYXRpb24tZmlsbC1tb2RlOiBmb3J3YXJkczsNCiAgICAgICAgYW5pbWF0aW9uLWRlbGF5OiAxczsNCiAgICAgIH0NCiAgICAgIEBrZXlmcmFtZXMgY2xvdWRMZWZ0IHsNCiAgICAgICAgMCUgew0KICAgICAgICAgIHRvcDogMTdweDsNCiAgICAgICAgICBsZWZ0OiAyMjBweDsNCiAgICAgICAgICBvcGFjaXR5OiAwOw0KICAgICAgICB9DQogICAgICAgIDIwJSB7DQogICAgICAgICAgdG9wOiAzM3B4Ow0KICAgICAgICAgIGxlZnQ6IDE4OHB4Ow0KICAgICAgICAgIG9wYWNpdHk6IDE7DQogICAgICAgIH0NCiAgICAgICAgODAlIHsNCiAgICAgICAgICB0b3A6IDgxcHg7DQogICAgICAgICAgbGVmdDogOTJweDsNCiAgICAgICAgICBvcGFjaXR5OiAxOw0KICAgICAgICB9DQogICAgICAgIDEwMCUgew0KICAgICAgICAgIHRvcDogOTdweDsNCiAgICAgICAgICBsZWZ0OiA2MHB4Ow0KICAgICAgICAgIG9wYWNpdHk6IDA7DQogICAgICAgIH0NCiAgICAgIH0NCiAgICAgIEBrZXlmcmFtZXMgY2xvdWRNaWQgew0KICAgICAgICAwJSB7DQogICAgICAgICAgdG9wOiAxMHB4Ow0KICAgICAgICAgIGxlZnQ6IDQyMHB4Ow0KICAgICAgICAgIG9wYWNpdHk6IDA7DQogICAgICAgIH0NCiAgICAgICAgMjAlIHsNCiAgICAgICAgICB0b3A6IDQwcHg7DQogICAgICAgICAgbGVmdDogMzYwcHg7DQogICAgICAgICAgb3BhY2l0eTogMTsNCiAgICAgICAgfQ0KICAgICAgICA3MCUgew0KICAgICAgICAgIHRvcDogMTMwcHg7DQogICAgICAgICAgbGVmdDogMTgwcHg7DQogICAgICAgICAgb3BhY2l0eTogMTsNCiAgICAgICAgfQ0KICAgICAgICAxMDAlIHsNCiAgICAgICAgICB0b3A6IDE2MHB4Ow0KICAgICAgICAgIGxlZnQ6IDEyMHB4Ow0KICAgICAgICAgIG9wYWNpdHk6IDA7DQogICAgICAgIH0NCiAgICAgIH0NCiAgICAgIEBrZXlmcmFtZXMgY2xvdWRSaWdodCB7DQogICAgICAgIDAlIHsNCiAgICAgICAgICB0b3A6IDEwMHB4Ow0KICAgICAgICAgIGxlZnQ6IDUwMHB4Ow0KICAgICAgICAgIG9wYWNpdHk6IDA7DQogICAgICAgIH0NCiAgICAgICAgMjAlIHsNCiAgICAgICAgICB0b3A6IDEyMHB4Ow0KICAgICAgICAgIGxlZnQ6IDQ2MHB4Ow0KICAgICAgICAgIG9wYWNpdHk6IDE7DQogICAgICAgIH0NCiAgICAgICAgODAlIHsNCiAgICAgICAgICB0b3A6IDE4MHB4Ow0KICAgICAgICAgIGxlZnQ6IDM0MHB4Ow0KICAgICAgICAgIG9wYWNpdHk6IDE7DQogICAgICAgIH0NCiAgICAgICAgMTAwJSB7DQogICAgICAgICAgdG9wOiAyMDBweDsNCiAgICAgICAgICBsZWZ0OiAzMDBweDsNCiAgICAgICAgICBvcGFjaXR5OiAwOw0KICAgICAgICB9DQogICAgICB9DQogICAgfQ0KICB9DQogIC5idWxsc2hpdCB7DQogICAgcG9zaXRpb246IHJlbGF0aXZlOw0KICAgIGZsb2F0OiBsZWZ0Ow0KICAgIHdpZHRoOiAzMDBweDsNCiAgICBwYWRkaW5nOiAzMHB4IDA7DQogICAgb3ZlcmZsb3c6IGhpZGRlbjsNCiAgICAmX19vb3BzIHsNCiAgICAgIGZvbnQtc2l6ZTogMzJweDsNCiAgICAgIGZvbnQtd2VpZ2h0OiBib2xkOw0KICAgICAgbGluZS1oZWlnaHQ6IDQwcHg7DQogICAgICBjb2xvcjogIzE0ODJmMDsNCiAgICAgIG9wYWNpdHk6IDA7DQogICAgICBtYXJnaW4tYm90dG9tOiAyMHB4Ow0KICAgICAgYW5pbWF0aW9uLW5hbWU6IHNsaWRlVXA7DQogICAgICBhbmltYXRpb24tZHVyYXRpb246IDAuNXM7DQogICAgICBhbmltYXRpb24tZmlsbC1tb2RlOiBmb3J3YXJkczsNCiAgICB9DQogICAgJl9faGVhZGxpbmUgew0KICAgICAgZm9udC1zaXplOiAyMHB4Ow0KICAgICAgbGluZS1oZWlnaHQ6IDI0cHg7DQogICAgICBjb2xvcjogIzIyMjsNCiAgICAgIGZvbnQtd2VpZ2h0OiBib2xkOw0KICAgICAgb3BhY2l0eTogMDsNCiAgICAgIG1hcmdpbi1ib3R0b206IDEwcHg7DQogICAgICBhbmltYXRpb24tbmFtZTogc2xpZGVVcDsNCiAgICAgIGFuaW1hdGlvbi1kdXJhdGlvbjogMC41czsNCiAgICAgIGFuaW1hdGlvbi1kZWxheTogMC4xczsNCiAgICAgIGFuaW1hdGlvbi1maWxsLW1vZGU6IGZvcndhcmRzOw0KICAgIH0NCiAgICAmX19pbmZvIHsNCiAgICAgIGZvbnQtc2l6ZTogMTNweDsNCiAgICAgIGxpbmUtaGVpZ2h0OiAyMXB4Ow0KICAgICAgY29sb3I6IGdyZXk7DQogICAgICBvcGFjaXR5OiAwOw0KICAgICAgbWFyZ2luLWJvdHRvbTogMzBweDsNCiAgICAgIGFuaW1hdGlvbi1uYW1lOiBzbGlkZVVwOw0KICAgICAgYW5pbWF0aW9uLWR1cmF0aW9uOiAwLjVzOw0KICAgICAgYW5pbWF0aW9uLWRlbGF5OiAwLjJzOw0KICAgICAgYW5pbWF0aW9uLWZpbGwtbW9kZTogZm9yd2FyZHM7DQogICAgfQ0KICAgICZfX3JldHVybi1ob21lIHsNCiAgICAgIGRpc3BsYXk6IGJsb2NrOw0KICAgICAgZmxvYXQ6IGxlZnQ7DQogICAgICB3aWR0aDogMTEwcHg7DQogICAgICBoZWlnaHQ6IDM2cHg7DQogICAgICBiYWNrZ3JvdW5kOiAjMTQ4MmYwOw0KICAgICAgYm9yZGVyLXJhZGl1czogMTAwcHg7DQogICAgICB0ZXh0LWFsaWduOiBjZW50ZXI7DQogICAgICBjb2xvcjogI2ZmZmZmZjsNCiAgICAgIG9wYWNpdHk6IDA7DQogICAgICBmb250LXNpemU6IDE0cHg7DQogICAgICBsaW5lLWhlaWdodDogMzZweDsNCiAgICAgIGN1cnNvcjogcG9pbnRlcjsNCiAgICAgIGFuaW1hdGlvbi1uYW1lOiBzbGlkZVVwOw0KICAgICAgYW5pbWF0aW9uLWR1cmF0aW9uOiAwLjVzOw0KICAgICAgYW5pbWF0aW9uLWRlbGF5OiAwLjNzOw0KICAgICAgYW5pbWF0aW9uLWZpbGwtbW9kZTogZm9yd2FyZHM7DQogICAgfQ0KICAgIEBrZXlmcmFtZXMgc2xpZGVVcCB7DQogICAgICAwJSB7DQogICAgICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSg2MHB4KTsNCiAgICAgICAgb3BhY2l0eTogMDsNCiAgICAgIH0NCiAgICAgIDEwMCUgew0KICAgICAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoMCk7DQogICAgICAgIG9wYWNpdHk6IDE7DQogICAgICB9DQogICAgfQ0KICB9DQp9DQo="},{"version":3,"sources":["404.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmCA;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;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;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/views","sourcesContent":["<template>\r\n <div class=\"wscn-http404-container\">\r\n <div class=\"wscn-http404\">\r\n <div class=\"pic-404\">\r\n <img class=\"pic-404__parent\" src=\"@/assets/404_images/404.png\" alt=\"404\">\r\n <img class=\"pic-404__child left\" src=\"@/assets/404_images/404_cloud.png\" alt=\"404\">\r\n <img class=\"pic-404__child mid\" src=\"@/assets/404_images/404_cloud.png\" alt=\"404\">\r\n <img class=\"pic-404__child right\" src=\"@/assets/404_images/404_cloud.png\" alt=\"404\">\r\n </div>\r\n <div class=\"bullshit\">\r\n <div class=\"bullshit__oops\">OOPS!</div>\r\n <div class=\"bullshit__info\">All rights reserved\r\n <a style=\"color:#20a0ff\" href=\"https://wallstreetcn.com\" target=\"_blank\">wallstreetcn</a>\r\n </div>\r\n <div class=\"bullshit__headline\">{{ message }}</div>\r\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>\r\n <a href=\"\" class=\"bullshit__return-home\">Back to home</a>\r\n </div>\r\n </div>\r\n </div>\r\n</template>\r\n\r\n<script>\r\n\r\nexport default {\r\n name: 'Page404',\r\n computed: {\r\n message() {\r\n return 'The webmaster said that you can not enter this page...'\r\n }\r\n }\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.wscn-http404-container{\r\n transform: translate(-50%,-50%);\r\n position: absolute;\r\n top: 40%;\r\n left: 50%;\r\n}\r\n.wscn-http404 {\r\n position: relative;\r\n width: 1200px;\r\n padding: 0 50px;\r\n overflow: hidden;\r\n .pic-404 {\r\n position: relative;\r\n float: left;\r\n width: 600px;\r\n overflow: hidden;\r\n &__parent {\r\n width: 100%;\r\n }\r\n &__child {\r\n position: absolute;\r\n &.left {\r\n width: 80px;\r\n top: 17px;\r\n left: 220px;\r\n opacity: 0;\r\n animation-name: cloudLeft;\r\n animation-duration: 2s;\r\n animation-timing-function: linear;\r\n animation-fill-mode: forwards;\r\n animation-delay: 1s;\r\n }\r\n &.mid {\r\n width: 46px;\r\n top: 10px;\r\n left: 420px;\r\n opacity: 0;\r\n animation-name: cloudMid;\r\n animation-duration: 2s;\r\n animation-timing-function: linear;\r\n animation-fill-mode: forwards;\r\n animation-delay: 1.2s;\r\n }\r\n &.right {\r\n width: 62px;\r\n top: 100px;\r\n left: 500px;\r\n opacity: 0;\r\n animation-name: cloudRight;\r\n animation-duration: 2s;\r\n animation-timing-function: linear;\r\n animation-fill-mode: forwards;\r\n animation-delay: 1s;\r\n }\r\n @keyframes cloudLeft {\r\n 0% {\r\n top: 17px;\r\n left: 220px;\r\n opacity: 0;\r\n }\r\n 20% {\r\n top: 33px;\r\n left: 188px;\r\n opacity: 1;\r\n }\r\n 80% {\r\n top: 81px;\r\n left: 92px;\r\n opacity: 1;\r\n }\r\n 100% {\r\n top: 97px;\r\n left: 60px;\r\n opacity: 0;\r\n }\r\n }\r\n @keyframes cloudMid {\r\n 0% {\r\n top: 10px;\r\n left: 420px;\r\n opacity: 0;\r\n }\r\n 20% {\r\n top: 40px;\r\n left: 360px;\r\n opacity: 1;\r\n }\r\n 70% {\r\n top: 130px;\r\n left: 180px;\r\n opacity: 1;\r\n }\r\n 100% {\r\n top: 160px;\r\n left: 120px;\r\n opacity: 0;\r\n }\r\n }\r\n @keyframes cloudRight {\r\n 0% {\r\n top: 100px;\r\n left: 500px;\r\n opacity: 0;\r\n }\r\n 20% {\r\n top: 120px;\r\n left: 460px;\r\n opacity: 1;\r\n }\r\n 80% {\r\n top: 180px;\r\n left: 340px;\r\n opacity: 1;\r\n }\r\n 100% {\r\n top: 200px;\r\n left: 300px;\r\n opacity: 0;\r\n }\r\n }\r\n }\r\n }\r\n .bullshit {\r\n position: relative;\r\n float: left;\r\n width: 300px;\r\n padding: 30px 0;\r\n overflow: hidden;\r\n &__oops {\r\n font-size: 32px;\r\n font-weight: bold;\r\n line-height: 40px;\r\n color: #1482f0;\r\n opacity: 0;\r\n margin-bottom: 20px;\r\n animation-name: slideUp;\r\n animation-duration: 0.5s;\r\n animation-fill-mode: forwards;\r\n }\r\n &__headline {\r\n font-size: 20px;\r\n line-height: 24px;\r\n color: #222;\r\n font-weight: bold;\r\n opacity: 0;\r\n margin-bottom: 10px;\r\n animation-name: slideUp;\r\n animation-duration: 0.5s;\r\n animation-delay: 0.1s;\r\n animation-fill-mode: forwards;\r\n }\r\n &__info {\r\n font-size: 13px;\r\n line-height: 21px;\r\n color: grey;\r\n opacity: 0;\r\n margin-bottom: 30px;\r\n animation-name: slideUp;\r\n animation-duration: 0.5s;\r\n animation-delay: 0.2s;\r\n animation-fill-mode: forwards;\r\n }\r\n &__return-home {\r\n display: block;\r\n float: left;\r\n width: 110px;\r\n height: 36px;\r\n background: #1482f0;\r\n border-radius: 100px;\r\n text-align: center;\r\n color: #ffffff;\r\n opacity: 0;\r\n font-size: 14px;\r\n line-height: 36px;\r\n cursor: pointer;\r\n animation-name: slideUp;\r\n animation-duration: 0.5s;\r\n animation-delay: 0.3s;\r\n animation-fill-mode: forwards;\r\n }\r\n @keyframes slideUp {\r\n 0% {\r\n transform: translateY(60px);\r\n opacity: 0;\r\n }\r\n 100% {\r\n transform: translateY(0);\r\n opacity: 1;\r\n }\r\n }\r\n }\r\n}\r\n</style>\r\n"]}]}
|