1 |
- {"remainingRequest":"/Users/caoge/Desktop/地质现场/VehicleMonitor-WEB/node_modules/vue-loader/lib/index.js??vue-loader-options!/Users/caoge/Desktop/地质现场/VehicleMonitor-WEB/src/components/Hamburger/index.vue?vue&type=style&index=0&id=4e6f274c&scoped=true&lang=css","dependencies":[{"path":"/Users/caoge/Desktop/地质现场/VehicleMonitor-WEB/src/components/Hamburger/index.vue","mtime":1708395041800},{"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/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:CgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCg0KaW1nIHsNCiAgaGVpZ2h0OiAxNTAlOw0KICBwb3NpdGlvbjogcmVsYXRpdmU7DQogIGxlZnQ6IC01MHB4Ow0KICB0b3A6IDQlOw0KICB3aWR0aDogNTUwcHg7DQp9DQpzdmcgew0KICBwb3NpdGlvbjogcmVsYXRpdmU7DQogIHotaW5kZXg6IDEwMDsNCn0NCnNwYW4gew0KICBwb3NpdGlvbjogYWJzb2x1dGU7DQogIHotaW5kZXg6IDEwOw0KICBjb2xvcjogI2ZmZjsNCiAgdGV4dC1pbmRlbnQ6IDYwcHg7DQogIGZvbnQtc2l6ZTogMjBweDsNCg0KICBsZXR0ZXItc3BhY2luZzogNHB4Ow0KICBmb250LXdlaWdodDogODAwOw0KfQ0KLmhhbWJ1cmdlciB7DQogIGRpc3BsYXk6IGlubGluZS1ibG9jazsNCiAgdmVydGljYWwtYWxpZ246IG1pZGRsZTsNCiAgd2lkdGg6IDIwcHg7DQogIGhlaWdodDogMjBweDsNCiAgbWFyZ2luLXJpZ2h0OiAxMHB4Ow0KfQ0KDQouaGFtYnVyZ2VyLmlzLWFjdGl2ZSB7DQogIHRyYW5zZm9ybTogcm90YXRlKDE4MGRlZyk7DQogIGNvbG9yOiAjZmZmOw0KfQ0K"},{"version":3,"sources":["index.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8DA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA","file":"index.vue","sourceRoot":"src/components/Hamburger","sourcesContent":["<template>\r\n <div style=\"padding: 0 15px; display: flex; align-items: center\" v-if=\"$route.fullPath === '/dashboard'\">\r\n <svg\r\n @click=\"toggleClick\"\r\n :class=\"{ 'is-active': isActive }\"\r\n class=\"hamburger\"\r\n viewBox=\"0 0 1024 1024\"\r\n xmlns=\"http://www.w3.org/2000/svg\"\r\n width=\"64\"\r\n height=\"64\"\r\n :fill=\"$route.path == '/dashboard' ? '#fff' : '#fff'\"\r\n >\r\n <path\r\n d=\"M408 442h480c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8H408c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8zm-8 204c0 4.4 3.6 8 8 8h480c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8H408c-4.4 0-8 3.6-8 8v56zm504-486H120c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8zm0 632H120c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8zM142.4 642.1L298.7 519a8.84 8.84 0 0 0 0-13.9L142.4 381.9c-5.8-4.6-14.4-.5-14.4 6.9v246.3a8.9 8.9 0 0 0 14.4 7z\"\r\n />\r\n \r\n </svg>\r\n \r\n <span v-if=\"$route.fullPath === '/dashboard'\"> \r\n {{ projectName }}\r\n </span>\r\n <img\r\n v-if=\"$route.fullPath === '/dashboard'\"\r\n src=\"back.png\"\r\n alt=\"\"\r\n />\r\n <img class=\"\" src=\"@/assets/机车LOGO.png\" style=\"width:30px;height:30px;position:absolute;left:40px;top:10px\" />\r\n </div>\r\n</template>\r\n\r\n<script>\r\nimport { projectName } from '@/api/user'\r\nexport default {\r\n name: \"Hamburger\",\r\n props: {\r\n isActive: {\r\n type: Boolean,\r\n default: false,\r\n },\r\n },\r\n mounted() {\r\n console.log(this.$router);\r\n },\r\n created() { \r\n projectName().then(res => { \r\n this.projectName = res \r\n }) \r\n },\r\n data(){\r\n return {\r\n projectName:'',\r\n }\r\n },\r\n methods: {\r\n toggleClick() {\r\n this.$emit(\"toggleClick\");\r\n },\r\n },\r\n};\r\n</script>\r\n\r\n<style scoped>\r\nimg {\r\n height: 150%;\r\n position: relative;\r\n left: -50px;\r\n top: 4%;\r\n width: 550px;\r\n}\r\nsvg {\r\n position: relative;\r\n z-index: 100;\r\n}\r\nspan {\r\n position: absolute;\r\n z-index: 10;\r\n color: #fff;\r\n text-indent: 60px;\r\n font-size: 20px;\r\n\r\n letter-spacing: 4px;\r\n font-weight: 800;\r\n}\r\n.hamburger {\r\n display: inline-block;\r\n vertical-align: middle;\r\n width: 20px;\r\n height: 20px;\r\n margin-right: 10px;\r\n}\r\n\r\n.hamburger.is-active {\r\n transform: rotate(180deg);\r\n color: #fff;\r\n}\r\n</style>\r\n"]}]}
|