You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
1 line
20 KiB
1 line
20 KiB
{"remainingRequest":"E:\\Java\\软件工程\\admin\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\Java\\软件工程\\admin\\src\\components\\index\\IndexAsideStatic.vue?vue&type=style&index=1&id=0175fa3e&lang=css","dependencies":[{"path":"E:\\Java\\软件工程\\admin\\src\\components\\index\\IndexAsideStatic.vue","mtime":1651797262000},{"path":"E:\\Java\\软件工程\\admin\\node_modules\\css-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\Java\\软件工程\\admin\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":499162500000},{"path":"E:\\Java\\软件工程\\admin\\node_modules\\postcss-loader\\src\\index.js","mtime":499162500000},{"path":"E:\\Java\\软件工程\\admin\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\Java\\软件工程\\admin\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:DQoNCi5lbC1tZW51LS1ob3Jpem9udGFsIC5lbC1tZW51LS1wb3B1cCB7DQoJCXdpZHRoOiAxMjBweDsNCgkJaGVpZ2h0OiBhdXRvOw0KCQlwYWRkaW5nOiAwOw0KCQltYXJnaW46IDAgYXV0byA1cHg7DQoJCWJvcmRlci1yYWRpdXM6IDRweDsNCgkJYm9yZGVyLXdpZHRoOiAwOw0KCQlib3JkZXItc3R5bGU6IHNvbGlkOw0KCQlib3JkZXItY29sb3I6IHJnYmEoMCwwLDAsLjMpOw0KCQliYWNrZ3JvdW5kLWNvbG9yOiByZ2JhKDg4LCAxNzEsIDc1LCAxKTsNCgkJYm94LXNoYWRvdzogMCAwIDZweCByZ2JhKDAsIDAsIDAsIC4zKTsNCgkJbWluLXdpZHRoOiBhdXRvOw0KCQl9DQouZWwtbWVudS0taG9yaXpvbnRhbCAuZWwtbWVudS0tcG9wdXAgLmVsLW1lbnUtaXRlbSB7DQoJCQl3aWR0aDogMTAwJTsNCgkJCWhlaWdodDogNDRweDsNCgkJCWxpbmUtaGVpZ2h0OiA0NHB4Ow0KCQkJcGFkZGluZzogMDsNCgkJCW1hcmdpbjogMDsNCgkJCWNvbG9yOiByZ2JhKDI0OSwgMjQ5LCAyNDksIDEpICFpbXBvcnRhbnQ7DQoJCQlmb250LXNpemU6IDE0cHg7DQoJCQlib3JkZXItcmFkaXVzOiAwOw0KCQkJYm9yZGVyLXdpZHRoOiAwIDAgMXB4IDA7DQoJCQlib3JkZXItc3R5bGU6IHNvbGlkOw0KCQkJYm9yZGVyLWNvbG9yOiByZ2JhKDI1NSwgMjU1LCAyNTUsIDAuNzUpOw0KCQkJYmFja2dyb3VuZC1jb2xvcjogcmdiYSgyNTUsIDI1NSwgMjU1LCAwKSAhaW1wb3J0YW50Ow0KCQkJYm94LXNoYWRvdzogMCAwIDZweCByZ2JhKDMwLCAxNDQsIDI1NSwgMCk7DQoJCQl0ZXh0LWFsaWduOiBjZW50ZXI7DQoJCQltaW4td2lkdGg6IGF1dG87DQoJCQl9IA0KCS5lbC1tZW51LS1ob3Jpem9udGFsIC5lbC1tZW51LS1wb3B1cCAuZWwtbWVudS1pdGVtOmhvdmVyIHsNCgkJCQl3aWR0aDogMTAwJTsNCgkJCQloZWlnaHQ6IDQ0cHg7DQoJCQkJbGluZS1oZWlnaHQ6IDQ0cHg7DQoJCQkJcGFkZGluZzogMDsNCgkJCQltYXJnaW46IDA7DQoJCQkJY29sb3I6IHJnYmEoODgsIDE3MSwgNzUsIDEpICFpbXBvcnRhbnQ7DQoJCQkJZm9udC1zaXplOiAxNHB4Ow0KCQkJCWJvcmRlci1yYWRpdXM6IDA7DQoJCQkJYm9yZGVyLXdpZHRoOiAwOw0KCQkJCWJvcmRlci1zdHlsZTogc29saWQ7DQoJCQkJYm9yZGVyLWNvbG9yOiByZ2JhKDAsIDAsIDAsIDApOw0KCQkJCWJhY2tncm91bmQtY29sb3I6IHJnYmEoMjU1LCAyNTUsIDI1NSwgMSkgIWltcG9ydGFudDsNCgkJCQlib3gtc2hhZG93OiAwIDAgNnB4IHJnYmEoMzAsIDE0NCwgMjU1LCAwKTsNCgkJCQl0ZXh0LWFsaWduOiBjZW50ZXI7DQoJCQl9DQo="},{"version":3,"sources":["IndexAsideStatic.vue"],"names":[],"mappings":";;AAscA;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"IndexAsideStatic.vue","sourceRoot":"src/components/index","sourcesContent":["<template>\r\n <el-aside class=\"index-aside\" width=\"200px\">\r\n <div class=\"index-aside-inner menulist\">\r\n <div v-for=\"item in menuList\" :key=\"item.roleName\" v-if=\"role==item.roleName\" class=\"menulist-item\">\r\n <div class=\"menulistImg\" v-if=\"false && 2 == 2\">\r\n <el-image :style='{\"padding\":\"0\",\"boxShadow\":\"0 0 6px rgba(0,0,0,0)\",\"margin\":\"0\",\"borderColor\":\"rgba(0,0,0,0)\",\"borderRadius\":\"0\",\"borderWidth\":\"0\",\"width\":\"100%\",\"borderStyle\":\"solid\",\"height\":\"auto\"}' v-if=\"'http://codegen.caihongy.cn/20201021/cc7d45d9c8164b58b18351764eba9be1.jpg'\" src=\"http://codegen.caihongy.cn/20201021/cc7d45d9c8164b58b18351764eba9be1.jpg\" fit=\"cover\" />\r\n </div>\r\n\t\t<el-menu :mode=\"2 == 1? 'horizontal':'vertical'\" :unique-opened=\"true\" class=\"el-menu-demo\" default-active=\"0\">\r\n <el-menu-item index=\"0\" @click=\"menuHandler('')\"><i v-if=\"false\" class=\"el-icon-menu el-icon-s-home\" />首页</el-menu-item>\r\n <el-submenu :index=\"1+''\">\r\n <template slot=\"title\">\r\n\t\t\t\t<i v-if=\"false\" class=\"el-icon-menu el-icon-user-solid\" />\r\n\t\t\t\t<span>个人中心</span>\r\n </template>\r\n <el-menu-item :index=\"1-1\" @click=\"menuHandler('updatePassword')\">修改密码</el-menu-item>\r\n <el-menu-item :index=\"1-2\" @click=\"menuHandler('center')\">个人信息</el-menu-item>\r\n </el-submenu>\r\n <el-submenu v-for=\" (menu,index) in item.backMenu\" :key=\"menu.menu\" :index=\"index+2+''\">\r\n <template slot=\"title\">\r\n\t\t\t\t<i v-if=\"false\" class=\"el-icon-menu\" :class=\"icons[index]\" />\r\n\t\t\t\t<span>{{ menu.menu }}</span>\r\n </template>\r\n <el-menu-item v-for=\" (child,sort) in menu.child\" :key=\"sort\" :index=\"(index+2)+'-'+sort\" @click=\"menuHandler(child.tableName)\">{{ child.menu }}</el-menu-item>\r\n </el-submenu>\r\n </el-menu>\r\n </div>\r\n </div>\r\n </el-aside>\r\n</template>\r\n\r\n<script>\r\nimport menu from '@/utils/menu'\r\nexport default {\r\n data() {\r\n return {\r\n menuList: [],\r\n dynamicMenuRoutes: [],\r\n role: '',\n icons: [\r\n 'el-icon-s-cooperation',\r\n 'el-icon-s-order',\r\n 'el-icon-s-platform',\r\n 'el-icon-s-fold',\r\n 'el-icon-s-unfold',\r\n 'el-icon-s-operation',\r\n 'el-icon-s-promotion',\r\n 'el-icon-s-release',\r\n 'el-icon-s-ticket',\r\n 'el-icon-s-management',\r\n 'el-icon-s-open',\r\n 'el-icon-s-shop',\r\n 'el-icon-s-marketing',\r\n 'el-icon-s-flag',\r\n 'el-icon-s-comment',\r\n 'el-icon-s-finance',\r\n 'el-icon-s-claim',\r\n 'el-icon-s-custom',\r\n 'el-icon-s-opportunity',\r\n 'el-icon-s-data',\r\n 'el-icon-s-check',\r\n 'el-icon-s-grid',\r\n 'el-icon-menu',\r\n 'el-icon-chat-dot-square',\r\n 'el-icon-message',\r\n 'el-icon-postcard',\r\n 'el-icon-position',\r\n 'el-icon-microphone',\r\n 'el-icon-close-notification',\r\n 'el-icon-bangzhu',\r\n 'el-icon-time',\r\n 'el-icon-odometer',\r\n 'el-icon-crop',\r\n 'el-icon-aim',\r\n 'el-icon-switch-button',\r\n 'el-icon-full-screen',\r\n 'el-icon-copy-document',\r\n 'el-icon-mic',\r\n 'el-icon-stopwatch',\r\n ],\r\n menulistStyle: '${template.back.menulist.menulistStyle}',\r\n\t menulistBorderBottom: {},\r\n }\r\n },\r\n mounted() {\r\n const menus = menu.list()\r\n if(menus) {\n this.menuList = menus\n } else {\n let params = {\n page: 1,\n limit: 1,\n sort: 'id',\n }\n this.$http({\n url: \"menu/list\",\n method: \"get\",\n params: params\n }).then(({\n data\n }) => {\n if (data && data.code === 0) {\n this.menuList = JSON.parse(data.data.list[0].menujson);\n this.$storage.set(\"menus\", this.menuList);\n }\n })\n }\n this.role = this.$storage.get('role')\r\n },\r\n created(){\r\n setTimeout(()=>{\r\n this.menulistStyleChange()\r\n },10)\n this.icons.sort(()=>{\n return (0.5-Math.random())\n })\r\n\tthis.lineBorder()\r\n },\r\n methods: {\r\n\tlineBorder() {\r\n\t\tlet style = '${template.back.menulist.menulistStyle}'\r\n\t\tlet w = '${template.back.menulist.menulistLineWidth}'\r\n\t\tlet s = '${template.back.menulist.menulistLineStyle}'\r\n\t\tlet c = '${template.back.menulist.menulistLineColor}'\r\n\t\tif(style == 'vertical') {\r\n\t\t\tthis.menulistBorderBottom = {\r\n\t\t\t\tborderBottomWidth: w,\r\n\t\t\t\tborderBottomStyle: s,\r\n\t\t\t\tborderBottomColor: c\r\n\t\t\t}\r\n\t\t} else {\r\n\t\t\tthis.menulistBorderBottom = {\r\n\t\t\t\tborderRightWidth: w,\r\n\t\t\t\tborderRightStyle: s,\r\n\t\t\t\tborderRightColor: c\r\n\t\t\t}\r\n\t\t}\r\n\t},\r\n menuHandler(name) {\r\n let router = this.$router\r\n name = '/'+name\r\n router.push(name)\r\n },\r\n // 菜单\r\n setMenulistHoverColor(){\r\n let that = this\r\n\t return;\r\n this.$nextTick(()=>{\r\n document.querySelectorAll('.menulist .el-menu-item').forEach(el=>{\r\n el.addEventListener(\"mouseenter\", e => {\r\n e.stopPropagation()\r\n el.style.backgroundColor = \"${template.back.menulist.menulistHoverColor}\"\r\n })\r\n el.addEventListener(\"mouseleave\", e => {\r\n e.stopPropagation()\r\n // el.style.backgroundColor = \"${template.back.menulist.menulistBgColor}\"\r\n\t\t\tel.style.background = \"none\"\r\n })\r\n el.addEventListener(\"focus\", e => {\r\n e.stopPropagation()\r\n el.style.backgroundColor = \"${template.back.menulist.menulistHoverColor}\"\r\n })\r\n })\r\n document.querySelectorAll('.menulist .el-submenu__title').forEach(el=>{\r\n el.addEventListener(\"mouseenter\", e => {\r\n e.stopPropagation()\r\n el.style.backgroundColor = \"${template.back.menulist.menulistHoverColor}\"\r\n })\r\n el.addEventListener(\"mouseleave\", e => {\r\n e.stopPropagation()\r\n // el.style.backgroundColor = \"${template.back.menulist.menulistBgColor}\"\r\n\t\t\tel.style.background = \"none\"\r\n })\r\n })\r\n })\r\n },\r\n setMenulistIconColor() {\r\n this.$nextTick(()=>{\r\n document.querySelectorAll('.menulist .el-submenu__title .el-submenu__icon-arrow').forEach(el=>{\r\n el.style.color = \"${template.back.menulist.menulistIconColor}\"\r\n })\r\n })\r\n },\r\n menulistStyleChange() {\r\n this.setMenulistIconColor()\r\n this.setMenulistHoverColor()\r\n this.setMenulistStyleHeightChange()\r\n let str = \"2\"\r\n if(1 == str) {\r\n this.$nextTick(()=>{\r\n document.querySelectorAll('.el-container .el-container').forEach(el=>{\r\n el.style.display = \"block\"\r\n el.style.paddingTop = \"80px\" // header 高度\r\n })\r\n document.querySelectorAll('.el-aside').forEach(el=>{\r\n el.style.width = \"100%\"\r\n el.style.height = \"auto\"\r\n el.style.paddingTop = '0'\r\n })\r\n document.querySelectorAll('.index-aside .index-aside-inner').forEach(el=>{\r\n el.style.paddingTop = '0'\r\n\t\t\tel.style.width = \"100%\"\r\n })\r\n })\r\n }\r\n if(2 === str) {\r\n this.$nextTick(()=>{\r\n document.querySelectorAll('.index-aside .index-aside-inner').forEach(el=>{\r\n el.style.paddingTop = \"80px\"\r\n })\r\n })\r\n }\r\n },\r\n setMenulistStyleHeightChange() {\r\n\t\treturn;\r\n this.$nextTick(()=>{\r\n document.querySelectorAll('.menulist-item>.el-menu--horizontal>.el-menu-item').forEach(el=>{\r\n el.style.height = \"${template.back.menulist.menulistHeight}\"\r\n el.style.lineHeight = \"${template.back.menulist.menulistHeight}\"\r\n })\r\n document.querySelectorAll('.menulist-item>.el-menu--horizontal>.el-submenu>.el-submenu__title').forEach(el=>{\r\n el.style.height = \"${template.back.menulist.menulistHeight}\"\r\n el.style.lineHeight = \"${template.back.menulist.menulistHeight}\"\r\n })\r\n })\r\n },\r\n }\r\n}\r\n</script>\r\n<style lang=\"scss\" scoped>\r\n\t.el-container {\r\n\t\tdisplay: block;\r\n\t}\r\n .index-aside {\r\n position: relative;\r\n overflow: hidden;\r\n\tdisplay: flex;\r\n\tflex-wrap: wrap;\r\n\r\n .menulistImg {\r\n\t\tfont-size: 0;\r\n\t\tbox-sizing: border-box;\r\n\r\n .el-image {\r\n margin: 0 auto;\r\n width: 100px;\r\n height: 100px;\r\n border-radius: 100%;\r\n display: block;\r\n }\r\n }\r\n\t\r\n\t .index-aside-inner {\r\n height: 100%;\r\n margin-right: -17px;\r\n margin-bottom: -17px;\r\n overflow: scroll;\r\n overflow-x: hidden !important;\r\n padding-top: 80px;\r\n box-sizing: border-box;\r\n\r\n &:focus {\r\n outline: none;\r\n }\r\n\r\n & /deep/ .el-menu {\r\n border: 0;\r\n\t\tbackground-color: transparent;\r\n }\r\n }\r\n\t\t\r\n\t\t\t.index-aside .index-aside-inner.menulist {\r\n\t\theight: auto !important;\r\n\t}\r\n\t.menulist-item {\r\n\t\twidth: 200px;\r\n\t\tpadding: 15px 20px;\r\n\t\tmargin: 0;\r\n\t\tborder-radius: 0;\r\n\t\tborder-width: 0 !important;\r\n\t\tborder-style: solid !important;\r\n\t\tborder-color: rgba(254, 236, 190, 1) !important;\r\n\t\tbackground: #FEECBE !important;\r\n\t\tbox-shadow: 0 0 6px rgba(30, 144, 255, .2);\r\n\t\tbox-sizing: border-box;\r\n\t}\r\n\t\t\t.el-menu-demo {\r\n\t\tbox-sizing: border-box;\r\n\t\tmin-height: calc(100vh - 80px);\r\n\t\t\t\r\n\t\t&>.el-menu-item {\r\n\t\t\twidth: auto;\r\n\t\t\theight: auto !important;\r\n\t\t\tline-height: 24px !important;\r\n\t\t\tpadding: 10px 22px 10px 10px;\r\n\t\t\tmargin: 0 0 10px 0;\r\n\t\t\tcolor: rgba(255, 255, 255, 1);\r\n\t\t\tfont-size: 14px;\r\n\t\t\tborder-radius: 160px;\r\n\t\t\tborder-width: 5px 3px;\r\n\t\t\tborder-style: solid;\r\n\t\t\tborder-color: rgba(79, 150, 68, 1) !important;\r\n\t\t\tbackground-color: rgba(98, 190, 84, 1) !important;\r\n\t\t\tbox-shadow: 0 0 6px rgba(255,255,255,0);\r\n\t\t\tbox-sizing: initial;\r\n\t\t\tdisplay: flex;\r\n\t\t\talign-items: center;\r\n\t\t\tjustify-content: flex-start;\r\n\t\t\tbox-sizing: border-box;\r\n \r\n .el-icon-menu {\r\n \tmargin: 0 5px 0 0;\r\n \tpadding: 0;\r\n \twidth: 24px;\r\n \tline-height: 24px;\r\n \tcolor: rgba(199, 21, 133, 1);\r\n \tfont-size: 16px;\r\n \tborder-radius: 0;\r\n \tborder-width: 0;\r\n \tborder-style: solid;\r\n \tborder-color: #fff;\r\n \tbackground-color: rgba(255,255,255,0);\r\n \tbox-shadow: 0 0 6px rgba(255,255,255,0);\r\n }\r\n\t\t}\r\n\t\t\r\n\t\t.el-submenu {\r\n\t\t\tmargin: 0 0 10px 0;\r\n\t\t}\r\n\t\t\r\n\t\t& /deep/ .el-submenu__title {\r\n\t\t\twidth: auto;\r\n\t\t\theight: auto !important;\r\n\t\t\tline-height: 24px !important;\r\n\t\t\tpadding: 10px 22px 10px 10px;\r\n\t\t\tcolor: rgba(255, 255, 255, 1);\r\n\t\t\tfont-size: 14px;\r\n\t\t\tborder-radius: 160px;\r\n\t\t\tborder-width: 5px 3px;\r\n\t\t\tborder-style: solid;\r\n\t\t\tborder-color: rgba(79, 150, 68, 1) !important;\r\n\t\t\tbackground-color: rgba(98, 190, 84, 1) !important;\r\n\t\t\tbox-shadow: 0 0 6px rgba(255,255,255,0);\r\n\t\t\tbox-sizing: initial;\r\n\t\t\tdisplay: flex;\r\n\t\t\talign-items: center;\r\n\t\t\tjustify-content: flex-start;\r\n\t\t\tbox-sizing: border-box;\r\n\t\t\t\r\n\t\t\t.el-icon-menu {\r\n\t\t\t\tmargin: 0 5px 0 0;\r\n\t\t\t\tpadding: 0;\r\n\t\t\t\twidth: 24px;\r\n\t\t\t\tline-height: 24px;\r\n\t\t\t\tcolor: rgba(199, 21, 133, 1);\r\n\t\t\t\tfont-size: 16px;\r\n\t\t\t\tborder-radius: 0;\r\n\t\t\t\tborder-width: 0;\r\n\t\t\t\tborder-style: solid;\r\n\t\t\t\tborder-color: #fff;\r\n\t\t\t\tbackground-color: rgba(255,255,255,0);\r\n\t\t\t\tbox-shadow: 0 0 6px rgba(255,255,255,0);\r\n\t\t\t}\r\n\t\t\t\r\n\t\t\t.el-submenu__icon-arrow {\r\n\t\t\t\tmargin: 0 10px 0 0;\r\n\t\t\t\tpadding: 0;\r\n\t\t\t\twidth: 12px;\r\n\t\t\t\tline-height: 12px;\r\n\t\t\t\tcolor: rgba(255, 255, 255, 1) !important;\r\n\t\t\t\tfont-size: 12px;\r\n\t\t\t\tborder-radius: 0;\r\n\t\t\t\tborder-width: 0;\r\n\t\t\t\tborder-style: solid;\r\n\t\t\t\tborder-color: #fff;\r\n\t\t\t\tbackground-color: rgba(255,255,255,0);\r\n\t\t\t\tbox-shadow: 0 0 6px rgba(255,255,255,0);\r\n\t\t\t\tposition: absolute;\r\n\t\t\t\ttop: 50%;\r\n\t\t\t\tright: 0;\r\n\t\t\t\ttransform: translateY(-50%);\r\n\t\t\t\ttext-align: center;\r\n\t\t\t\t\t\t\t\tdisplay: block;\r\n\t\t\t\t\t\t\t\t\t\t\t}\r\n\t\t}\r\n\t\t\r\n\t\t& /deep/ .el-menu.el-menu--inline {\r\n\t\t\twidth: 120px;\r\n\t\t\theight: auto;\r\n\t\t\tpadding: 0;\r\n\t\t\tmargin: 0 auto 5px;\r\n\t\t\tborder-radius: 4px;\r\n\t\t\tborder-width: 0;\r\n\t\t\tborder-style: solid;\r\n\t\t\tborder-color: rgba(0,0,0,.3);\r\n\t\t\tbackground-color: rgba(88, 171, 75, 1);\r\n\t\t\tbox-shadow: 0 0 6px rgba(0, 0, 0, .3);\r\n\t\t\t\r\n\t\t\t.el-menu-item {\r\n\t\t\t\twidth: 100%;\r\n\t\t\t\theight: 44px;\r\n\t\t\t\tline-height: 44px;\r\n\t\t\t\tpadding: 0 !important;\r\n\t\t\t\tmargin: 0;\r\n\t\t\t\tcolor: rgba(249, 249, 249, 1) !important;\r\n\t\t\t\tfont-size: 14px;\r\n\t\t\t\tborder-radius: 0;\r\n\t\t\t\tborder-width: 0 0 1px 0;\r\n\t\t\t\tborder-style: solid;\r\n\t\t\t\tborder-color: rgba(255, 255, 255, 0.75);\r\n\t\t\t\tbackground-color: rgba(255, 255, 255, 0) !important;\r\n\t\t\t\tbox-shadow: 0 0 6px rgba(30, 144, 255, 0);\r\n\t\t\t\ttext-align: center;\r\n\t\t\t\tmin-width: auto;\r\n \r\n &.is-active {\r\n width: 100%;\r\n height: 44px;\r\n line-height: 44px;\r\n padding: 0 !important;\r\n margin: 0;\r\n color: rgba(88, 171, 75, 1) !important;\r\n font-size: 14px;\r\n border-radius: 0;\r\n border-width: 0;\r\n border-style: solid;\r\n border-color: rgba(0, 0, 0, 0);\r\n background-color: rgba(255, 255, 255, 1) !important;\r\n box-shadow: 0 0 6px rgba(30, 144, 255, 0);\r\n text-align: center;\r\n }\r\n\t\t\t\t \r\n\t\t\t\t&:hover {\r\n\t\t\t\t\twidth: 100%;\r\n\t\t\t\t\theight: 44px;\r\n\t\t\t\t\tline-height: 44px;\r\n\t\t\t\t\tpadding: 0 !important;\r\n\t\t\t\t\tmargin: 0;\r\n\t\t\t\t\tcolor: rgba(88, 171, 75, 1) !important;\r\n\t\t\t\t\tfont-size: 14px;\r\n\t\t\t\t\tborder-radius: 0;\r\n\t\t\t\t\tborder-width: 0;\r\n\t\t\t\t\tborder-style: solid;\r\n\t\t\t\t\tborder-color: rgba(0, 0, 0, 0);\r\n\t\t\t\t\tbackground-color: rgba(255, 255, 255, 1) !important;\r\n\t\t\t\t\tbox-shadow: 0 0 6px rgba(30, 144, 255, 0);\r\n\t\t\t\t\ttext-align: center;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n }\r\n</style>\r\n<style>\r\n\r\n.el-menu--horizontal .el-menu--popup {\r\n\t\twidth: 120px;\r\n\t\theight: auto;\r\n\t\tpadding: 0;\r\n\t\tmargin: 0 auto 5px;\r\n\t\tborder-radius: 4px;\r\n\t\tborder-width: 0;\r\n\t\tborder-style: solid;\r\n\t\tborder-color: rgba(0,0,0,.3);\r\n\t\tbackground-color: rgba(88, 171, 75, 1);\r\n\t\tbox-shadow: 0 0 6px rgba(0, 0, 0, .3);\r\n\t\tmin-width: auto;\r\n\t\t}\r\n.el-menu--horizontal .el-menu--popup .el-menu-item {\r\n\t\t\twidth: 100%;\r\n\t\t\theight: 44px;\r\n\t\t\tline-height: 44px;\r\n\t\t\tpadding: 0;\r\n\t\t\tmargin: 0;\r\n\t\t\tcolor: rgba(249, 249, 249, 1) !important;\r\n\t\t\tfont-size: 14px;\r\n\t\t\tborder-radius: 0;\r\n\t\t\tborder-width: 0 0 1px 0;\r\n\t\t\tborder-style: solid;\r\n\t\t\tborder-color: rgba(255, 255, 255, 0.75);\r\n\t\t\tbackground-color: rgba(255, 255, 255, 0) !important;\r\n\t\t\tbox-shadow: 0 0 6px rgba(30, 144, 255, 0);\r\n\t\t\ttext-align: center;\r\n\t\t\tmin-width: auto;\r\n\t\t\t} \r\n\t.el-menu--horizontal .el-menu--popup .el-menu-item:hover {\r\n\t\t\t\twidth: 100%;\r\n\t\t\t\theight: 44px;\r\n\t\t\t\tline-height: 44px;\r\n\t\t\t\tpadding: 0;\r\n\t\t\t\tmargin: 0;\r\n\t\t\t\tcolor: rgba(88, 171, 75, 1) !important;\r\n\t\t\t\tfont-size: 14px;\r\n\t\t\t\tborder-radius: 0;\r\n\t\t\t\tborder-width: 0;\r\n\t\t\t\tborder-style: solid;\r\n\t\t\t\tborder-color: rgba(0, 0, 0, 0);\r\n\t\t\t\tbackground-color: rgba(255, 255, 255, 1) !important;\r\n\t\t\t\tbox-shadow: 0 0 6px rgba(30, 144, 255, 0);\r\n\t\t\t\ttext-align: center;\r\n\t\t\t}\r\n</style>\r\n"]}]} |