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: '起草组' // 菜单名称