{"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"]}]}