【伸手党福利】【第一弹】jeecg-boot前端主要更改位置（网站标题栏图标、logo、登录后的logo、显示的标题文字、用户头像）

三个人工作室

已于 2022-09-28 16:41:26 修改

阅读量9.3k

点赞数 20

分类专栏： javaweb jeecg 文章标签：前端 vue.js javascript

于 2020-05-09 15:27:50 首次发布

本文链接：https://blog.csdn.net/wwppp987/article/details/106019413

版权

javaweb 同时被 2 个专栏收录

60 篇文章 5 订阅

订阅专栏

jeecg

51 篇文章 26 订阅

订阅专栏

【伸手党请光看标题】

网站标题栏图标

位置
ant-design-vue-jeecg\public\index.html

1、index.html标题在head第9行替换掉，然后复制ico到/public

  <link rel="shortcut icon" href="<%= BASE_URL %>favicon.ico" type="image/x-icon">

然后将制作好的favicon.ico（一般是1616，最大是3232，否则有浏览器不兼容）放到
\ant-design-vue-jeecg\public
目录下（index.html的同级目录）

在这里插入图片描述
分析：
通过截图可以看到，第9行将logo.png设置为了图标，但是实际上很难刷新到。
这样更改后Chrome浏览器会将第10行优先执行，（第9行删不删都行了）
这个文件是登录前的加载文件，修改ui的时候记得改。
在这里插入图片描述

2、第8行改标题，261行左右，改加载页面。

在这里插入图片描述

3、src/views/user/Login.vue，51行，手机号登录，109行，更改其他登陆方式

在这里插入图片描述

登录页logo

4、复制logo.svg、logo2.svg到\ant-design-vue-jeecg\src\assets文件夹下

5、src\components\layouts\UserLayout.vue第8行、第12行、19行修改

在这里插入图片描述

另ant-design-vue-jeecg\src\components\layouts\UserLayout.vue：
在这里插入图片描述
对应的图片实际地址：
ant-design-vue-jeecg\src\assets\logo.svg
这个svg的源文件是个png文件（点这里在线png转换成svg）
ant-design-vue-jeecg\src\assets\logo.png

这个文件也有登录页的基本内容，改文字需要从这里改。

6、更改src\components\tools\logo.vue第7行

位置：
ant-design-vue-jeecg\src\components\tools\Logo.vue
修改
logo.svg
改为：
logo2.svg
在这里插入图片描述
然后将
\ant-design-vue-jeecg\src\assets下的logo.svg复制为logo2.svg，或者修改svg内容放置再此。