当前位置: 首页 > Web前端 > vue.js

jeecgboot自定义菜单图标

时间:2023-03-31 18:06:24 vue.js

jeecgbootversion2.0ant-design-vueversion1.5.2Icon工程创建部分内容可以参考官方技术文档地址http://doc.jeecg.com/1273896http://jeecg-boot.mydoc.io/?t=345699使用Symbol方式实现自定义图标修改VUE中的/src/components/menu/index.js文件importIconfrom'ant-design-vue/es/icon'const{Item,SubMenu}=MenutoimportIconfrom'ant-design-vue/es/icon'//此处修改constMyIcon=Icon.createFromIconfontCN({scriptUrl:'//at.alicdn.com/t/font_1861207_dq8n42tqgnd.js',//在iconfont.cn上生成});const{Item,SubMenu}=MenurenderIcon(icon){if(icon==='none'||icon===undefined){returnnull}constprops={}typeof(icon)==='object'?props.component=icon:props.type=iconreturn()}更改为renderIcon(icon){if(icon==='none'||icon===undefined){returnnull}constprops={}typeof(icon)==='object'?props.component=icon:props.type=icon//修改这里return()}根据项目中的名称修改图标