{"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"]}]}