{"remainingRequest":"C:\\Users\\Admin\\Desktop\\education\\frontend\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\Admin\\Desktop\\education\\frontend\\src\\layout\\components\\AppMain.vue?vue&type=style&index=1&id=078753dd&lang=scss","dependencies":[{"path":"C:\\Users\\Admin\\Desktop\\education\\frontend\\src\\layout\\components\\AppMain.vue","mtime":1787567871535},{"path":"C:\\Users\\Admin\\Desktop\\education\\frontend\\node_modules\\css-loader\\dist\\cjs.js","mtime":1787309792478},{"path":"C:\\Users\\Admin\\Desktop\\education\\frontend\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1787309794547},{"path":"C:\\Users\\Admin\\Desktop\\education\\frontend\\node_modules\\postcss-loader\\src\\index.js","mtime":1787309793084},{"path":"C:\\Users\\Admin\\Desktop\\education\\frontend\\node_modules\\sass-loader\\dist\\cjs.js","mtime":1787309791955},{"path":"C:\\Users\\Admin\\Desktop\\education\\frontend\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1787309791955},{"path":"C:\\Users\\Admin\\Desktop\\education\\frontend\\node_modules\\vue-loader\\lib\\index.js","mtime":1787309793790}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:CgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKDQo6Oi13ZWJraXQtc2Nyb2xsYmFyIHsNCiAgd2lkdGg6IDZweDsNCiAgaGVpZ2h0OiA2cHg7DQp9DQoNCjo6LXdlYmtpdC1zY3JvbGxiYXItdHJhY2sgew0KICBiYWNrZ3JvdW5kLWNvbG9yOiAjZjFmMWYxOw0KfQ0KDQo6Oi13ZWJraXQtc2Nyb2xsYmFyLXRodW1iIHsNCiAgYmFja2dyb3VuZC1jb2xvcjogI2MwYzBjMDsNCiAgYm9yZGVyLXJhZGl1czogM3B4Ow0KfQ0K"},{"version":3,"sources":["AppMain.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyEA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA","file":"AppMain.vue","sourceRoot":"src/layout/components","sourcesContent":["<template>\r\n  <section class=\"app-main\">\r\n    <transition name=\"fade-transform\" mode=\"out-in\">\r\n      <keep-alive :include=\"cachedViews\">\r\n        <router-view v-if=\"!$route.meta.link\" :key=\"key\" />\r\n      </keep-alive>\r\n    </transition>\r\n    <iframe-toggle />\r\n  </section>\r\n</template>\r\n\r\n<script>\r\nimport iframeToggle from \"./IframeToggle/index\"\r\n\r\nexport default {\r\n  name: 'AppMain',\r\n  components: { iframeToggle },\r\n  computed: {\r\n    cachedViews() {\r\n      return this.$store.state.tagsView.cachedViews\r\n    },\r\n    key() {\r\n      return this.$route.path\r\n    }\r\n  },\r\n  watch: {\r\n    $route() {\r\n      this.addIframe()\r\n    }\r\n  },\r\n  mounted() {\r\n    this.addIframe()\r\n  },\r\n  methods: {\r\n    addIframe() {\r\n      const { name } = this.$route\r\n      if (name && this.$route.meta.link) {\r\n        this.$store.dispatch('tagsView/addIframeView', this.$route)\r\n      }\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.app-main {\r\n  /* 顶部 Header 已移出主容器，主内容在 flex 列中占满剩余空间 */\r\n  flex: 1;\r\n  min-height: 0;\r\n  width: 100%;\r\n  position: relative;\r\n  overflow-y: auto;\r\n  scrollbar-gutter: stable;\r\n  background-color: #fff;\r\n\r\n  &:fullscreen,\r\n  &:-webkit-full-screen,\r\n  &:-moz-full-screen,\r\n  &:-ms-fullscreen {\r\n    background: #fff;\r\n    overflow-y: auto;\r\n  }\r\n}\r\n\r\n.hasTagsView {\r\n  .app-main {\r\n    /* tags-view 高度 34px，AppMain 在 flex 列中由父容器约束高度 */\r\n    min-height: 0;\r\n  }\r\n}\r\n</style>\r\n\r\n<style lang=\"scss\">\r\n::-webkit-scrollbar {\r\n  width: 6px;\r\n  height: 6px;\r\n}\r\n\r\n::-webkit-scrollbar-track {\r\n  background-color: #f1f1f1;\r\n}\r\n\r\n::-webkit-scrollbar-thumb {\r\n  background-color: #c0c0c0;\r\n  border-radius: 3px;\r\n}\r\n</style>"]}]}