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

相关推荐
C+++Python10 分钟前
如何在 Java 中使用 BIO、NIO 和 AIO?
java·开发语言·nio
Kurisu57516 分钟前
深度拆解:从令牌桶到滑动窗口,高并发系统限流算法的数学本质与边界
java·网络·算法
repetitiononeoneday26 分钟前
【面试题】Redis缓存穿透如何解决?
java·redis·缓存
海 月34 分钟前
adb install 右键快捷菜单
windows
Solis程序员42 分钟前
亿级流量设计之布隆过滤器原理、优缺点及主流替代方案
java
rosemary51243 分钟前
Windows vscode Claude Code + DeepSeek V4
ide·windows·vscode·claude code·deepseek-v4-pro
2601_961194021 小时前
化学教资科三真题答案
linux·windows·ubuntu·pdf·centos·gnu
selt7911 小时前
Redisson 源码深度分析
java·c++·redis·lua
装不满的克莱因瓶1 小时前
Servlet 到 Spring MVC 架构演进:Java Web 开发二十年技术变迁史
java·spring·servlet·架构·springmvc