1 line
5.3 KiB
JSON
1 line
5.3 KiB
JSON
{"remainingRequest":"D:\\视频边缘1215\\TransFlow\\node_modules\\babel-loader\\lib\\index.js!D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\视频边缘1215\\TransFlow\\src\\components\\sidemenu\\SideMenu.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\视频边缘1215\\TransFlow\\src\\components\\sidemenu\\SideMenu.vue","mtime":1671376472983},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":1671074740599},{"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":["import \"core-js/modules/es6.regexp.split\";\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//\nexport default {\n name: 'NavMenu',\n //使用递归组件必须要有\n props: ['navMenus'],\n // 传入子组件的数据\n data: function data() {\n return {};\n },\n computed: {\n toIndex: function toIndex() {\n // 根据路径绑定到对应的二级菜单，防止页面刷新重新跳回第一个\n return this.$route.path.split('/')[2];\n }\n },\n methods: {\n handleSelect: function handleSelect(key, keyPath) {\n console.log('1212');\n console.log(key, keyPath);\n }\n }\n};",{"version":3,"sources":["SideMenu.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwCA,eAAA;AACA,EAAA,IAAA,EAAA,SADA;AACA;AACA,EAAA,KAAA,EAAA,CAAA,UAAA,CAFA;AAEA;AACA,EAAA,IAHA,kBAGA;AACA,WAAA,EAAA;AACA,GALA;AAMA,EAAA,QAAA,EAAA;AACA,IAAA,OADA,qBACA;AAAA;AACA,aAAA,KAAA,MAAA,CAAA,IAAA,CAAA,KAAA,CAAA,GAAA,EAAA,CAAA,CAAA;AACA;AAHA,GANA;AAWA,EAAA,OAAA,EAAA;AACA,IAAA,YADA,wBACA,GADA,EACA,OADA,EACA;AACA,MAAA,OAAA,CAAA,GAAA,CAAA,MAAA;AACA,MAAA,OAAA,CAAA,GAAA,CAAA,GAAA,EAAA,OAAA;AACA;AAJA;AAXA,CAAA","sourcesContent":["<template>\n <div class=\"navMenu\">\n \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.logo {\n float: left;\n margin-left: 60px;\n margin-top: 17.5px;\n height: 29px;\n width: 160px;\n vertical-align: middle;\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>"],"sourceRoot":"src/components/sidemenu"}]} |