目录

vue-next-admin修改配置指南

vue-next-admin修改配置指南


官方文档地址:

https://i-blog.csdnimg.cn/direct/535eab46d4f54f449ef430c49bfb85e8.png

在scr-layout-navbars-topBar-setings.vue中添加 getThemeConfig.value.isShowLogo = true;

设置为true即可默认打开

2.修改侧边栏顶部的logo与文字

https://i-blog.csdnimg.cn/direct/46d3bc5ce39e488caa6036b49be565d8.png

在scr-layout-logo-index.vue文件路径修改,导入自己的图片修改路径和文字即可

先把想要的图标存到我的项目然后下载

https://i-blog.csdnimg.cn/direct/02405be1422c4a6d88314f1db09edfed.png

然后把后面的几个文件拉到项目文件夹里面,例如我在这在assets文件夹下建了一个icon文件夹用于存放,然后在min.js引用,最后直接使用

https://i-blog.csdnimg.cn/direct/ddd1e971bc864ab486fa3eb2241b833f.png https://i-blog.csdnimg.cn/direct/293f7eac84a24e779e45343ca9807044.png https://i-blog.csdnimg.cn/direct/5de3bea4a1b044a3a3a223ddfaed7ac0.png

4.浏览器标题栏图标与文字修改

先使用上面的ico转换工具把图片转换为ico,然后去public文件夹把下面的ico文件删除(复制下名字),然后把自己的ico图片粘贴上去,修改为老图片的名字即可

修改网页文字:

https://i-blog.csdnimg.cn/direct/8534d317990a453085de0ca55732d494.png

5.修改侧边栏的背景颜色、顶部导航栏背景颜色、字体颜色、激活时颜色等

https://i-blog.csdnimg.cn/direct/596756e12ce949348938bc071bc57d9d.png

在src-stores-themeConfig.ts文件夹里面修改对应的颜色即可,修改完毕之后记得一键恢复默认,否则无变化

6.去除或添加修改右上方放大、信息、头像昵称(登录获取之后存储进行修改图片与昵称)等功能

https://i-blog.csdnimg.cn/direct/b67265c30b984ad9957e16f62ad4dba1.png

找到对应的代码修改即可

7.代理配置

https://i-blog.csdnimg.cn/direct/8c6f43f2f633401aab697362a3954806.png

在vite.config.ts文件夹配置proxy

8.多页签功能

https://i-blog.csdnimg.cn/direct/2a9900e637db4a6b8e3df9f18d2d4817.png

把isAffix修改为false即可让多页签标签后面显示删除按钮删除能够,哪个路由添加就有,没有添加的无删除按钮

9.登录判断怎么修改