| | |
|---|
| | | <template> |
|---|
| | | <!-- 判断当前页面是否显示，如果hide为true，则不渲染该菜单 --> |
|---|
| | | <div v-if="!item.meta.hide && menus.includes(item.meta.privilege)"> |
|---|
| | | <!-- <div v-if="!item.meta.hide"> --> |
|---|
| | | <!-- <div v-if="!item.meta.hide && menus.includes(item.meta.privilege)"> --> |
|---|
| | | <div v-if="!item.meta.hide"> |
|---|
| | | <!-- 根菜单 --> |
|---|
| | | <MenuLink :to="resolvePath()" v-if="!item.children"> |
|---|
| | | <el-menu-item :index="resolvePath()"> |
|---|
| | |
|---|
| | | }; |
|---|
| | | </script> |
|---|
| | | <style lang="less" scoped> |
|---|
| | | .is-active { |
|---|
| | | background-color: rgb(245, 245, 245); |
|---|
| | | ::v-deep .router-link-exact-active .is-active { |
|---|
| | | background: #EFF8FA; |
|---|
| | | border-radius: 8px; |
|---|
| | | font-weight: bold; |
|---|
| | | color: #000; |
|---|
| | | color: #05908E; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .el-menu { |
|---|
| | | border-right: unset !important; |
|---|
| | | ::v-deep .el-menu-item, |
|---|
| | | ::v-deep .el-submenu__title { |
|---|
| | | border-radius: 8px; |
|---|
| | | height: 40px; |
|---|
| | | line-height: 40px; |
|---|
| | | } |
|---|
| | | |
|---|
| | | ::v-deep .el-menu-item:hover, |
|---|
| | | ::v-deep .el-submenu__title:hover { |
|---|
| | | background: #EFF8FA; |
|---|
| | | } |
|---|
| | | </style> |
|---|
