零基础使用 Vben Admin(二):替换logo与标题等

在第一篇文章中,我们已经成功搭建好了项目现在我们希望将页面中的logo等替换为自己的

一、替换基础信息

1. 登录页面文本

在vue-vben-admin\packages\locales\src\langs\zh-CN\authentication.json 里改动相关信息即可

 "welcomeBack": "欢迎回来",
  "pageTitle": "极客视界",
  "pageDesc": "后台管理系统",

2. 登录页面logo与文本

在vue-vben-admin\apps\web-antd\.env下更改文本

# 应用标题
VITE_APP_TITLE=Geek Vision

# 应用命名空间,用于缓存、store等功能的前缀,确保隔离
VITE_APP_NAMESPACE=vben-web-antd

# 对store进行加密的密钥,在将store持久化到localStorage时会使用该密钥进行加密
VITE_APP_STORE_SECURE_KEY=please-replace-me-with-your-own-key

在vue-vben-admin\packages\effects\layouts\src\authentication\authentication.vue下直接更换logo 

图标位置在vue-vben-admin\apps\web-antd\public\favicon.png目录下

<img src="/favicon.png" class="mr-2" width="42" />
<p v-if="appName" class="m-0 text-xl font-medium">
    {{ appName }}
</p>

更改后的效果

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值