diff --git a/src/assets/imgs/icon/icon_drafting_group.png b/src/assets/imgs/icon/icon_drafting_group.png new file mode 100644 index 0000000..5e47ba0 Binary files /dev/null and b/src/assets/imgs/icon/icon_drafting_group.png differ diff --git a/src/assets/imgs/icon/icon_drafting_group_act.png b/src/assets/imgs/icon/icon_drafting_group_act.png new file mode 100644 index 0000000..b67bff8 Binary files /dev/null and b/src/assets/imgs/icon/icon_drafting_group_act.png differ diff --git a/src/components/menu/SideMenu.vue b/src/components/menu/SideMenu.vue index ae85b17..0ca8dd0 100644 --- a/src/components/menu/SideMenu.vue +++ b/src/components/menu/SideMenu.vue @@ -175,5 +175,11 @@ export default { } } } +// icon图片默认是选中的图片,如果没被选中,就设置灰掉 +.ant-menu-item:not(.ant-menu-item-selected) { + .icon-img { + filter: grayscale(100%); + } +} diff --git a/src/components/menu/index.js b/src/components/menu/index.js index 18ac600..3c03aa8 100644 --- a/src/components/menu/index.js +++ b/src/components/menu/index.js @@ -147,6 +147,13 @@ export default { ) }, renderIcon (icon) { + // 图片做菜单icon,cus_img_xxx.png, xxx-act.png放在assets/imgs/icon/ + // (act是激活后的图片,未激活时通过样式置灰) + if (icon !== 'none' && icon !== undefined && icon.indexOf('cus_img_') !== -1) { + const img = require('@/assets/imgs/icon/' + icon.substr(8) + '_act.png') + return () + } if (icon !== 'none' && icon !== undefined && icon.indexOf('cus_') !== -1) { let className = `anticon-jeecg anticon${icon.substr(4)}` return diff --git a/src/config/router.config.js b/src/config/router.config.js index 74fb893..3d4a6e9 100644 --- a/src/config/router.config.js +++ b/src/config/router.config.js @@ -139,7 +139,7 @@ export const routerData = [ component: 'draftTeam/DraftTeam', route: '1', meta: { - icon: 'cus_member', // 菜单前图标 + icon: 'cus_img_icon_drafting_group', // 菜单前图标 componentName: 'DraftTeam', keepAlive: false, title: '起草组' // 菜单名称