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

相关推荐
五岳4 小时前
DTS按业务场景批量迁移阿里云MySQL表实战(下):迁移管理平台设计与实现
java·应用·dts
zhougl9964 小时前
Java 所有关键字及规范分类
java·开发语言
Python 老手4 小时前
Python while 循环 极简核心讲解
java·python·算法
java1234_小锋5 小时前
Java高频面试题:MyISAM索引与InnoDB索引的区别?
java·开发语言
Mr_Xuhhh5 小时前
MySQL函数详解:日期、字符串、数学及其他常用函数
java·数据库·sql
测试开发Kevin6 小时前
小tip:换行符CRLF 和 LF 的区别以及二者在实际项目中的影响
java·开发语言·python
笨手笨脚の6 小时前
Redis: Thread limit exceeded replacing blocked worker
java·redis·forkjoin·thread limit
Lenyiin6 小时前
Linux 基础IO
java·linux·服务器
松☆6 小时前
Dart 核心语法精讲:从空安全到流程控制(3)
android·java·开发语言
编码者卢布7 小时前
【App Service】Java应用上传文件功能部署在App Service Windows上报错 413 Payload Too Large
java·开发语言·windows