jeecg boot 添加自定义图标，系统菜单缩回不正常的解决方法

最新推荐文章于 2023-09-15 16:31:48 发布

weixin_38246613

最新推荐文章于 2023-09-15 16:31:48 发布

阅读量563

点赞数

文章标签：前端 javascript html

本文链接：https://blog.csdn.net/weixin_38246613/article/details/130123005

版权

在\src\components\menu\index.js里面添加以下代码

const MyIcon = Icon.createFromIconfontCN({

scriptUrl: '@assets/firstPageIconFont/iconfont.js',

});

ok 这就解决了

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_38246613

关注关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
1
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

JeecgBoot(iconfont) Icon图标扩展方法

sunshineTing2的博客

11-17

2505

项目背景 JeecgBoot项目中已经存在一些ICON可供选择，但是比较单一，不够丰富。需要从Iconfont中引入图标，以丰富语义。需要修改4处 Iconfont官网新建项目，下载iconfont 文件放到：src/components目录下在 iconfont 文件下新建common.less 将common.less在全局文件中引入，这里是在src/App.vue中引入在src/components/menu/index.js文件中处理显示自定义图标在src

JeecgBoot【iconfont】iCon图标扩展方法【亲测实践】

小帅丶的专栏

06-21

3236

项目背景 JeecgBoot项目中已经存在一些ICON可供选择，但是不一定满足业务所需。因此可以从Iconfont中引入图标，以丰富icon。

1 条评论您还未登录，请先登录后发表或查看评论

jeecg扩展自定义菜单图标

又菜又爱玩

12-03

2820

jeecg扩展自定义菜单图标官方图标扩展文档：http://doc.jeecg.com/2043975 图标扩展jeecg扩展自定义菜单图标一、登录iconfont并添加项目1.添加项目2.添加图标到项目二、使用步骤1.引入库2.读入数据总结记录一下在jeecg中菜单管理编辑选择菜单图标的时候添加扩展自定义图标供选择并使用，一、登录iconfont并添加项目 1.添加项目选择【资源管理】下拉框，选择【我的项目】，选择下图的紫色按钮添加项目填写项目名称，前缀和font family,填写

Jeecgboot 自定义图标（彩色）

qq_44835285的博客

11-16

1814

JEECGBOOT自定义彩色图标更改

JeecgBoot（版本号：3.4.3）在使用时添加三级菜单后，菜单自动收缩问题

Sxyyy1的博客

09-14

702

打开permission.js找到以下位置并修改（注意：菜单路径要配置正确！

jeecgboot 使用阿里图标库

最新发布

weixin_38673922的博客

09-15

374

FontClass/ Symbol 前缀可修改也可为默认的icon 引用时一致即可。将下载图标解压后，复制文件到iconfont下（demo可不复制）Font Family 可修改。

JEECG 数据权限自定义SQL表达式用法说明

04-04

在角色授权环节，通过在系统中配置不同的自定义SQL，可以精细地控制不同角色对数据的访问范围和权限级别。数据规则的实现，主要依靠自定义SQL语句来完成。这些SQL语句中涉及的字段名称必须与数据库表中的字段名...

jeecgboot +activiti5.22集成

07-15

1. **依赖引入**：在JeecgBoot的项目中添加Activiti的相关依赖，确保项目能够正确识别并使用Activiti的API。 2. **流程定义**：使用Activiti提供的流程建模工具，创建符合业务需求的流程模型，并保存为XML文件。 ...

jeecgboot(postgreSQL).pdf

11-12

Jeecgboot(PostgreSQL)集成指南 Jeecgboot 是一个基于 Spring Boot 的低代码开发平台，旨在帮助开发者快速构建企业级应用程序。PostgreSQL 是一个功能强大且免费的开源关系数据库管理系统。本文将指导您如何将 ...

jeecgboot集成jeecg-boot-activiti1

08-03

- **添加菜单**：在Jeecg Boot的菜单管理系统中添加Activiti相关菜单，便于用户访问和操作。 - **菜单授权**：根据需求设置菜单权限，确保只有特定用户或角色可以访问工作流管理功能。 - **运行效果**：完成上述...

各种菜单图标和样式图标

10-17

各种菜单图标和样式图标，开发过程中需要的各种图标这里基本都有。格式.png

bootstrap菜单展开收起_菜单展开及收缩效果 bootstrap+jquery

weixin_32697149的博客

12-23

1083

//左侧菜单 Jquery slideUp/slideDownvar leftmenu = $(function() {$(".mymenu").click(function() {var mymenu = $(this.parentElement);$(".treeview-menu").slideUp("slow", function() {$(".active").toggleClass("...

jeecg 旧版本放大缩小浏览器窗口，左侧菜单栏消失问题

A good man

04-17

356

圈起来的地方，vif(原) 改 vshow 即可解决。

Jeecg前端修改标题Logo等

学而不思则忘，思而不学则die

09-13

2929

修改jeecg界面： 1：标签页文字：src\components\layouts\TabLayout.vue 2：底部友情链接：src\components\page\GlobalFooter.vue 3：登录页的平台名字和副标题、版权信息：src\components\layouts\UserLayout.vue 4：主界面的欢迎标题：src\components\page\GlobalHeader.vue 5：平台logo：src\assets\logo.svg 6：标签页图标..

jeecg 按钮文字改成图标方法

小张的博客

12-25

784

这个方法比较笨拙，因为当时自己也是找了好多资料，并无发现，自己去看底层，然后自己用了一个比较笨的方法实现的，不是很灵活，根据页面标签t:dgFunOpt 的 title来控制的图片显示，待优化。如果大家有更好的方法请不吝赐教。首先看一下页面效果接下来看一下页面jsp 接下来看一下jeecg底层封装其中读到getOptUrl这个方法时，发现了可以入手 prote...

Jeecg-Boot前端图片更改(网站 title 图标修改)

永远年轻

08-20

3814

title 图片修改在位置：ant-design-vue-jeecg\public\index.html 的 head 头部标签中添加一行代码： <link rel="shortcut icon" href="<%= BASE_URL %>favicon.ico" type="image/x-icon"> 然后将你制作好的 favicon.ico 放到 ant-design-vue-jeecg\public 目录下（index.html 同级目录）效果截图 ...

菜单展开及收缩效果 bootstrap+jquery

weixin_30325793的博客

02-01

587

$(".mymenu").click(function () { var mymenu = $(this.parentElement); $(".treeview-menu").slideUp("slow", function () { $(".active").toggleClass("ac...

JEECG V3.0版本 (工作流在线定义+UI快速开发库+代码生成器) 全新架构技术，漂亮的界面+智能代码生成+智能工作流

JEECG官方博客

03-04

9358

简要说明 JEECG V3.0版本推翻原有SSH2架构，采用SpringMVC+Hibernate+Spring jdbc基础架构, 采用面向声明的开发模式，基于泛型方式编写极少代码即可实现复杂的数据展示、数据编辑、表单处理等功能，再配合代码生成器的使用将JavaEE的开发效率提高6倍以上，可以将代码减少60%以上。JEECG 新版主要集中三大技术点: 1.代码生成器 2.UI快速开发

Jeecg使用多级菜单

玖壹叁

03-24

6300

基于jeecg3.6.6代码修改，替换ListtoMenu类，或只替换getHplusSubMenu和getLeafOfHplusTree两个函数package org.jeecgframework.core.util;import java.util.List; import java.util.Map;import org.apache.commons.lang.StringUtils; imp

jeecgboot如何自定义代码生成器

05-13

JeecgBoot是一款基于代码生成器的快速开发平台，它提供了丰富的代码生成器模板，可以快速生成CURD代码和前后端分离代码。如果需要自定义代码生成器，可以按照以下步骤进行操作： 1. 打开JeecgBoot项目，进入src/main/java/com/jeecg/codegen目录，找到CodeGenerate.java文件。 2. 在CodeGenerate.java中，可以看到generateCode()方法，这个方法是生成代码的核心方法。如果需要自定义生成器，可以修改这个方法。 3. 在generateCode()方法中，可以根据自己的需求添加或删除生成器模板，比如增加生成微服务代码的模板。 4. 如果需要自定义生成器模板，可以在src/main/resources/templates目录下，创建一个新的模板文件。模板文件的格式是Freemarker模板。 5. 在模板文件中，可以使用Freemarker模板语言编写代码。通过模板变量可以获取表名、字段名和数据类型等信息，从而生成对应的代码。 6. 最后，重新运行JeecgBoot项目，并使用自定义的代码生成器生成代码。需要注意的是，自定义代码生成器需要具备一定的Java和Freemarker模板语言的编程经验。同时，生成的代码需要符合项目的规范和要求，否则会出现错误。