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

相关推荐
唐宋元明清218822 分钟前
.NET 磁盘管理-技术方案选型
windows·c#·存储
毕设源码-郭学长37 分钟前
【开题答辩全过程】以 基于SpringBoot技术的美妆销售系统为例,包含答辩的问题和答案
java·spring boot·后端
梨落秋霜43 分钟前
Python入门篇【文件处理】
android·java·python
Java 码农1 小时前
RabbitMQ集群部署方案及配置指南03
java·python·rabbitmq
桌面运维家1 小时前
vDisk VOI/IDV Windows本地运行异常怎么办?快速排查恢复
windows
哈库纳玛塔塔1 小时前
放弃 MyBatis,拥抱新一代 Java 数据访问库
java·开发语言·数据库·mybatis·orm·dbvisitor
S***q3772 小时前
Spring Boot管理用户数据
java·spring boot·后端
天“码”行空2 小时前
java面向对象的三大特性之一多态
java·开发语言·jvm
毕设源码-郭学长2 小时前
【开题答辩全过程】以 基于SpringBoot框架的民俗文化交流与交易平台的设计与实现为例,包含答辩的问题和答案
java·spring boot·后端
好大哥呀3 小时前
Java Web的学习路径
java·前端·学习