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 小时前
SpringBoot 基础入门
java·spring boot·spring
风吹迎面入袖凉7 小时前
【Redis】Redisson的可重入锁原理
java·redis
w6100104667 小时前
cka-2026-ConfigMap
java·linux·cka·configmap
语戚7 小时前
力扣 968. 监控二叉树 —— 贪心 & 树形 DP 双解法递归 + 非递归全解(Java 实现)
java·算法·leetcode·贪心算法·动态规划·力扣·
quxuexi8 小时前
网络通信安全与可靠传输:从加密到认证,从状态码到可靠传输
java·安全·web
hrhcode8 小时前
【java工程师快速上手go】二.Go进阶特性
java·golang·go
小碗羊肉10 小时前
【从零开始学Java | 第三十一篇下】Stream流
java·开发语言
❀͜͡傀儡师11 小时前
Spring AI Alibaba vs. AgentScope:两个阿里AI框架,如何选择?
java·人工智能·spring
aq553560011 小时前
Laravel10.x重磅升级,新特性一览
android·java·开发语言