antd pro4-(4)界面调整

本文详细介绍了如何调整和定制应用的主界面与登录界面,包括修改LOGO、页面标题、功能组件、浏览器图标、页脚及登录界面的元素布局,提供了具体实现路径和代码示例。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

主界面调整:

左上角LOGO
src/assets/logo.svg

左上角页面标题
在 defaultSettings.js:

title: 'XXXX',

右上角的功能在组件components/GlobalHeader里,其中:
HeaderSearch - 站内搜索
Tooltip - 使用文档
Avatar - 下拉功能
SelectLang - 国际化
我暂时只留下了下拉功能。

浏览器标签页的网站图标
public/favicon.png

下方页脚
BasicLayout.jsx里用的DefaultFooter,设置一下即可。

登录界面调整:

logo已经跟着之前的调整变化了。

标题/描述,页脚,国际化
均在UserLayout.jsx中调整。
SelectLang - 国际化
DefaultFooter - 页脚,组件已封装好,传入自己需要的参数即可,如:

<DefaultFooter copyright="2020 XXX" links = {[]}/>

登录框
由page/user/login/components - Login组件实现,按需调整。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值