{"remainingRequest":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\视频边缘1215\\TransFlow\\src\\components\\sidemenu\\SideMenu.vue?vue&type=style&index=0&id=2a67f262&lang=scss&scoped=true&","dependencies":[{"path":"D:\\视频边缘1215\\TransFlow\\src\\components\\sidemenu\\SideMenu.vue","mtime":1671179220090},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\css-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1671074747916},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\postcss-loader\\src\\index.js","mtime":1671074746320},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\sass-loader\\dist\\cjs.js","mtime":1671074747407},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1671074747916}],"contextDependencies":[],"result":["\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n/* 左侧菜单栏定位和位置大小设定 */\n.sidebar {\n  display: block;\n  position: absolute;\n  left: 0;\n  top: 70px;\n  bottom: 0;\n  overflow-y: scroll;\n}\n.sidebar::-webkit-scrollbar {\n  width: 0;\n}\n.sidebar-el-menu {\n  width: 250px;\n}\n.sidebar > ul {\n  height: 100%;\n}\n\n/* 左侧二级菜单项的样式 */\n.el-menu-item{\n  font-size: 14px !important;\n  padding-left: 35px !important;\n}\n\n/* 左侧二级菜单选中时的样式 */\n.el-menu-item.is-active {\n  color: white !important;\n  background: #3989fa !important;\n}\n.el-menu-item, .el-submenu__title {\n  height: 50px !important;\n  line-height: 50px !important;\n}\n.navMenu{\n    background: url('../../assets/img/leftBg.png'); \n    // height: 800px;\n    max-height: 850px;\n}\n.el-menu{\n    background: url('../../assets/img/leftBg.png');\n   background-size: 100%;\n   /* height: 800px; */\n}\n\n// .el-submenu__title:hover {\n//       background-color: #3989fa!important;\n//    color:#eee!important; \n// }\n.el-submenu__title:hover {\n    background-color: #3989fa!important;\n}\n",{"version":3,"sources":["SideMenu.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4DA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA","file":"SideMenu.vue","sourceRoot":"src/components/sidemenu","sourcesContent":["<template>\n    <div class=\"navMenu\">\n         <el-menu\n          router\n          :default-active=\"$route.path\"\n          class=\"el-menu-vertical-demo\"\n          text-color=\"#fff\"\n          active-text-color=\"#ffd04b\">\n           <label v-for=\"navMenu in navMenus\">\n            <!--只有一级菜单-->\n            <el-menu-item v-if=\"!navMenu.children\"\n                          :index=\"navMenu.path\"\n                          :route=\"navMenu.path\"\n            >\n                <!--图标-->\n                <i :class=\"navMenu.icon\"></i>\n                <!--标题-->\n                <span slot=\"title\">{{navMenu.title}}</span>\n            </el-menu-item>\n            <!--有多级菜单-->\n            <el-submenu v-if=\"navMenu.children\"\n                        :key=\"navMenu.path\"\n                        :index=\"navMenu.path\"\n            >\n                <template slot=\"title\">\n                    <i :class=\"navMenu.icon\"></i>\n                    <span> {{navMenu.title}}</span>\n                </template>\n                <!--递归组件，把遍历的值传回子组件，完成递归调用-->\n                <nav-menu :navMenus=\"navMenu.children\"></nav-menu>\n            </el-submenu>\n        </label>\n       </el-menu>\n       \n\n    </div>\n</template>\n\n<script>\n    export default {\n        name: 'NavMenu', //使用递归组件必须要有\n        props: ['navMenus'], // 传入子组件的数据\n        data() {\n            return {}\n        },\n        computed: {\n    toIndex(){  // 根据路径绑定到对应的二级菜单，防止页面刷新重新跳回第一个\n      return this.$route.path.split('/')[2];\n    }\n  },\n        methods: {\n            handleSelect(key,keyPath){\n                console.log('1212')\n                console.log(key,keyPath)\n            }\n        }\n    }\n</script>\n\n<style lang=\"scss\" scoped>\n/* 左侧菜单栏定位和位置大小设定 */\n.sidebar {\n  display: block;\n  position: absolute;\n  left: 0;\n  top: 70px;\n  bottom: 0;\n  overflow-y: scroll;\n}\n.sidebar::-webkit-scrollbar {\n  width: 0;\n}\n.sidebar-el-menu {\n  width: 250px;\n}\n.sidebar > ul {\n  height: 100%;\n}\n\n/* 左侧二级菜单项的样式 */\n.el-menu-item{\n  font-size: 14px !important;\n  padding-left: 35px !important;\n}\n\n/* 左侧二级菜单选中时的样式 */\n.el-menu-item.is-active {\n  color: white !important;\n  background: #3989fa !important;\n}\n.el-menu-item, .el-submenu__title {\n  height: 50px !important;\n  line-height: 50px !important;\n}\n.navMenu{\n    background: url('../../assets/img/leftBg.png'); \n    // height: 800px;\n    max-height: 850px;\n}\n.el-menu{\n    background: url('../../assets/img/leftBg.png');\n   background-size: 100%;\n   /* height: 800px; */\n}\n\n// .el-submenu__title:hover {\n//       background-color: #3989fa!important;\n//    color:#eee!important; \n// }\n.el-submenu__title:hover {\n    background-color: #3989fa!important;\n}\n</style>"]}]}