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