RuoYi-Vue3项目定制修改全攻略

交付项目前的修改

步骤:

1、浏览器标签页icon、标题

(1)修改网址标题图标

位置:RuoYi-Vue3\public\favicon.ico,将favicon.ico替换成你的图标,保留名字

(2)修改网址标题

位置:RuoYi-Vue3\index.html

(1)修改 若依管理系统

2、系统页面中的Logo、标题

(1)修改开发配置文件

位置:RuoYi-Vue3.env.development

(2)修改生产配置文件

位置:RuoYi-Vue3.env.production

(3)图标

位置:RuoYi-Vue3\src\assets\logo\logo.png,保留名字

3、去掉文档和源码

位置:RuoYi-Vue3\src\layout\components\Navbar.vue

4、主题和自定义图标

前端页面进行修改,仅对你的电脑生效

(1)页面风格
(2)菜单图标

前端页面找到如下位置

刷新页面即可生效

(3)阿里巴巴图标库:https://www.iconfont.cn/

例如:搜索"菜品管理"

点击你喜欢的图标,配置风格,点击SVG下载

直接复制

打开前端项目,直接复制进去,即可使用

位置:RuoYi-Vue3\src\assets\icons\svg

5、登录页面中标题、背景图

位置:RuoYi-Vue3\src\views\login.vue

位置:RuoYi-Vue3\src\assets\images\login-background.jpg

这里可以修改背景图名称

位置:RuoYi-Vue3\src\views\login.vue

相关推荐
腻害兔6 小时前
【若依项目-产品经理视角】深度拆解 RuoYi-Vue-Pro 商城模块:从商品管理到交易引擎,50 张表撑起一整套电商系统
java·大数据·vue.js·产品经理·ai编程
码智社7 小时前
AES加密原理详解及Java实现加解密实战
java·开发语言
萧瑟余晖8 小时前
JDK 26 新特性详解
java·开发语言
马优晨8 小时前
Freemarker 完整讲解(后端 Java 模板引擎)
java·开发语言·freemarker·freemarker 完整讲解·freemarker模板引擎
维天说11 小时前
CLI-Switch 2026年3月版历史设计:Hook、TTY 隔离与 JSON 状态
java·服务器·json
Zane199412 小时前
并发 vs 并行:别再傻傻分不清了,一文讲透 Java 并发编程的第一课
java·后端
噢,我明白了13 小时前
java中Excel的导入和导出(EasyExcel)
java·开发语言·excel
吠品13 小时前
Zabbix Web界面误报Server未运行的排查与解决
java·服务器·数据库
啊湘13 小时前
天气查询API接口 按月Token鉴权 实时天气 物联网可用 文档齐全
java·后端·struts
Java内核笔记13 小时前
告别十亿美元的错误 : Spring Boot 4 空安全 (JSpecify) 实战
java·spring boot·后端