| 1 |
- {"remainingRequest":"C:\\Users\\Administrator\\Desktop\\最新\\supervision-ui\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\Administrator\\Desktop\\最新\\supervision-ui\\src\\layout\\index.vue?vue&type=style&index=0&id=13877386&lang=scss&scoped=true&","dependencies":[{"path":"C:\\Users\\Administrator\\Desktop\\最新\\supervision-ui\\src\\layout\\index.vue","mtime":1647228900698},{"path":"C:\\Users\\Administrator\\Desktop\\最新\\supervision-ui\\node_modules\\css-loader\\dist\\cjs.js","mtime":499162500000},{"path":"C:\\Users\\Administrator\\Desktop\\最新\\supervision-ui\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":499162500000},{"path":"C:\\Users\\Administrator\\Desktop\\最新\\supervision-ui\\node_modules\\postcss-loader\\src\\index.js","mtime":499162500000},{"path":"C:\\Users\\Administrator\\Desktop\\最新\\supervision-ui\\node_modules\\sass-loader\\dist\\cjs.js","mtime":499162500000},{"path":"C:\\Users\\Administrator\\Desktop\\最新\\supervision-ui\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"C:\\Users\\Administrator\\Desktop\\最新\\supervision-ui\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:CgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKDQpAaW1wb3J0ICJ+QC9hc3NldHMvc3R5bGVzL21peGluLnNjc3MiOw0KQGltcG9ydCAifkAvYXNzZXRzL3N0eWxlcy92YXJpYWJsZXMuc2NzcyI7DQoNCi5hcHAtd3JhcHBlciB7DQogIEBpbmNsdWRlIGNsZWFyZml4Ow0KICBwb3NpdGlvbjogcmVsYXRpdmU7DQogIGhlaWdodDogMTAwJTsNCiAgd2lkdGg6IDEwMCU7DQoNCiAgJi5tb2JpbGUub3BlblNpZGViYXIgew0KICAgIHBvc2l0aW9uOiBmaXhlZDsNCiAgICB0b3A6IDA7DQogIH0NCn0NCg0KLmRyYXdlci1iZyB7DQogIGJhY2tncm91bmQ6ICMwMDA7DQogIG9wYWNpdHk6IDAuMzsNCiAgd2lkdGg6IDEwMCU7DQogIHRvcDogMDsNCiAgaGVpZ2h0OiAxMDAlOw0KICBwb3NpdGlvbjogYWJzb2x1dGU7DQogIHotaW5kZXg6IDk5OTsNCn0NCg0KLmZpeGVkLWhlYWRlciB7DQogIHBvc2l0aW9uOiBmaXhlZDsNCiAgdG9wOiAwOw0KICByaWdodDogMDsNCiAgei1pbmRleDogOTsNCiAgd2lkdGg6IGNhbGMoMTAwJSAtICN7JGJhc2Utc2lkZWJhci13aWR0aH0pOw0KICB0cmFuc2l0aW9uOiB3aWR0aCAwLjI4czsNCn0NCg0KLmhpZGVTaWRlYmFyIC5maXhlZC1oZWFkZXIgew0KICB3aWR0aDogY2FsYygxMDAlIC0gNTRweCk7DQp9DQoNCi5tb2JpbGUgLmZpeGVkLWhlYWRlciB7DQogIHdpZHRoOiAxMDAlOw0KfQ0K"},{"version":3,"sources":["index.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyEA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA","file":"index.vue","sourceRoot":"src/layout","sourcesContent":["<template>\r\n <div\r\n :class=\"classObj\"\r\n class=\"app-wrapper\"\r\n :style=\"{ '--current-color': theme }\"\r\n >\r\n <div\r\n v-if=\"device === 'mobile' && sidebar.opened\"\r\n class=\"drawer-bg\"\r\n @click=\"handleClickOutside\"\r\n />\r\n <sidebar class=\"sidebar-container\" />\r\n <div :class=\"{ hasTagsView: needTagsView }\" class=\"main-container\">\r\n <div :class=\"{ 'fixed-header': fixedHeader }\">\r\n <navbar />\r\n <tags-view v-if=\"needTagsView\" />\r\n </div>\r\n <app-main />\r\n <right-panel>\r\n <settings />\r\n </right-panel>\r\n </div>\r\n </div>\r\n</template>\r\n\r\n<script>\r\nimport RightPanel from \"@/components/RightPanel\";\r\nimport { AppMain, Navbar, Settings, Sidebar, TagsView } from \"./components\";\r\nimport ResizeMixin from \"./mixin/ResizeHandler\";\r\nimport { mapState } from \"vuex\";\r\nimport variables from \"@/assets/styles/variables.scss\";\r\n\r\nexport default {\r\n name: \"Layout\",\r\n components: {\r\n AppMain,\r\n Navbar,\r\n RightPanel,\r\n Settings,\r\n Sidebar,\r\n TagsView,\r\n },\r\n mixins: [ResizeMixin],\r\n computed: {\r\n ...mapState({\r\n theme: (state) => state.settings.theme,\r\n sideTheme: (state) => state.settings.sideTheme,\r\n sidebar: (state) => state.app.sidebar,\r\n device: (state) => state.app.device,\r\n needTagsView: (state) => state.settings.tagsView,\r\n fixedHeader: (state) => state.settings.fixedHeader,\r\n }),\r\n classObj() {\r\n return {\r\n hideSidebar: !this.sidebar.opened,\r\n openSidebar: this.sidebar.opened,\r\n withoutAnimation: this.sidebar.withoutAnimation,\r\n mobile: this.device === \"mobile\",\r\n };\r\n },\r\n variables() {\r\n return variables;\r\n },\r\n },\r\n methods: {\r\n handleClickOutside() {\r\n this.$store.dispatch(\"app/closeSideBar\", { withoutAnimation: false });\r\n },\r\n },\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n@import \"~@/assets/styles/mixin.scss\";\r\n@import \"~@/assets/styles/variables.scss\";\r\n\r\n.app-wrapper {\r\n @include clearfix;\r\n position: relative;\r\n height: 100%;\r\n width: 100%;\r\n\r\n &.mobile.openSidebar {\r\n position: fixed;\r\n top: 0;\r\n }\r\n}\r\n\r\n.drawer-bg {\r\n background: #000;\r\n opacity: 0.3;\r\n width: 100%;\r\n top: 0;\r\n height: 100%;\r\n position: absolute;\r\n z-index: 999;\r\n}\r\n\r\n.fixed-header {\r\n position: fixed;\r\n top: 0;\r\n right: 0;\r\n z-index: 9;\r\n width: calc(100% - #{$base-sidebar-width});\r\n transition: width 0.28s;\r\n}\r\n\r\n.hideSidebar .fixed-header {\r\n width: calc(100% - 54px);\r\n}\r\n\r\n.mobile .fixed-header {\r\n width: 100%;\r\n}\r\n</style>\r\n"]}]}
|
