修改Ant desing pro框架左上角的图标

最新推荐文章于 2024-04-30 14:32:29 发布
最新推荐文章于 2024-04-30 14:32:29 发布
阅读量1.1k 收藏
点赞数 5
文章标签： anti-design-vue 前端框架
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/sorrybule/article/details/136349543
版权

默认的logo图标样式是这样的
在这里插入图片描述
修改分为两步
1.删除默认设置里图标样式
参考官方文档
我试过直接修改该配置下的logo改为自己的图片，但是发现没有任何变化
在这里插入图片描述

2.去src\app.tsx文件下配置logo
首先，定义好自己的logo路径
在这里插入图片描述
然后在这个地方调用自己定义的logo，就可以看到logo图标的改变
在这里插入图片描述
如果不行，尽量参考官方文档

Zrlue
关注
ant design pro 修改logo图片名称位置
weixin_41590250的博客
11-05 3579
修改网页title的图片在：public/icons目录下 更换 Ant Design Pro 的 logo 和名称： 位置：/public/favicon.png 只须将制作好的公司logo或者图片，将其替换掉即可。 有小伙伴反映，替换后依然没有起作用。这是有缓存的问题，解决办法：重启浏览器，或者重启一下本地服务器（npm start）即可。 ...
【React 之 Ant Design Pro V4使用】
qq_44385678的博客
05-11 258
系列文章目录 提示：这里可以添加系列文章的所有文章的目录，目录需要自己手动添加 React 之 Ant Design Pro V4使用 提示：写完文章后，目录可以自动生成，如何生成可参考右边的帮助文档 文章目录系列文章目录前言一、React.FC<>是什么？二、使用步骤1.引入库2.读入数据总结 前言 提示：这里可以添加本文要记录的大概内容： 例如：随着人工智能的不断发展，机器学习这门技术也越来越重要，很多人都开启了学习机器学习，本文就介绍了机器学习的基础内容。 提示：以下是本篇文章正文
Ant Design Pro v5 修改Footer、标题和Logo
qq_43445362的博客
05-03 4893
1、修改Footer模板组件 路径：\src\components\Footer\index.jsx 需要修改links下的列表，以及defaultMessage import { useIntl } from 'umi'; import { GithubOutlined } from '@ant-design/icons'; import { DefaultFooter } from '@ant-design/pro-layout'; const Footer = () => { cons
浅谈Ant Design Pro 菜单自定义 icon
01-18
Ant Design Pro 官方文档说明 在菜单中使用自定义的 icon 由于 umi 的限制，在 router.config.js 是不能直接只是用组件的，Pro 中暂时支持 使用 ant.design 本身的 icon type，和传入一个 img 的 url。只需要直接在 icon 属性上配置即可，如果是个 url，Pro 会自动处理为一个 img 标签。 如果这样还不能满足需求，可以自定义 getIcon 方法。 如果你想使用 iconfont 的图标，你可以使用ant.desgin的自定义图标. 1. getIcon方法 /* eslint no-useless-escape:0
antdesign pro 去除左上角logo以及title《react》
weixin_45738401的博客
11-02 1161
React Ant Design Pro 之如何删除左上角的logo
react---ant design pro----修改logo和title
丫丫不秃头噢---
12-16 4163
1.内容页的logo和tittle修改入口 如果想要直接干掉logo，需要在App.tsx里面写这个： logo：false** 2.网页左边的logo和tittle修改入口 直接修改，地址，提前放好图片文件在public里面
Ant Design Pro自定义菜单图标
最新发布
Misnice的博客
04-30 1008
Ant Design Pro自定义菜单icon图标
Ant Design Pro：项目的标签页标题与左上角项目标题图标如何修改?
闪电⚡之王的博客简介
12-28 1211
根目录下的config文件中的defaultSettings.js文件当中的Settings对象中的title属性中更改的。title: ‘标签页标题与项目标题’,logo:‘项目图标的url路径’,标签页标题和项目标题是在项目。
how to implement multiple tabs in ant desing pro
05-09
To implement multiple tabs in Ant Design Pro, you can use the `Tabs` component provided by Ant Design. Here are the steps: 1. Import the `Tabs` component from Ant Design: ``` import { Tabs } from ...
ant desing 回收站图标
03-24
对于Ant Design的回收站图标问题，我可以回答：Ant Design官方提供了一系列常用的图标，其中包括回收站图标，可以通过在代码中引用图标名的方式使用。你可以在Ant Design官网的Icon页面上查看所有可用的图标。
antdesignpro 重定向到登录页面_Springboot登录cookie和session拦截案例
weixin_39598308的博客
11-20 1013
一、前言1、简单的登录验证可以通过Session或者Cookie实现。2、每次登录的时候都要进数据库校验下账户名和密码，只是加了cookie 或session验证后；比如登录页面A，登录成功后进入页面B，若此时cookie过期，在页面B中新的请求url到页面c,系统会让它回到初始的登录页面。(类似单点登录sso(single sign on))。3、另外，无论基于Session还是Cookie的登...
Ant Design pro路由菜单标签页插件使用
闪电⚡之王的博客简介
07-17 1158
Ant Design Pro 路由菜单标签页历史
antdp | 导航右上角修改, 修改用户名、头像
Ddddddd_158的博客
03-27 452
antdp | 导航右上角修改, 修改用户名、头像
antdpro菜单自定义图标
qq_30047905的博客
09-14 2066
创建图标 Ant Design自带了一些图标（https://ant.design/components/icon-cn/），但是符合项目中的图标很少，需要自己去设计或者去网上下载字体图标，这里推荐去https://www.iconfont.cn下载或上传自己想要的图片， 使用图标 1.在线字体使用 复制 //at.alicdn.com/t/font_2808839_p5hy7qk0gkj.js 修改项目defaultSettings.ts 文件中的ico...
antd pro自定义网页标题和图标
前端小菜鸟也有人起的博客
01-09 712
antd pro自定义网页标题和图标
Antd Pro V4 样式修改大全（有图有真相）
qq_44752117的博客
08-15 5945
Antd Pro V4 样式修改大全 一、左侧菜单的logo和标题 （1）logo修改 BasicLayout.jsx import logo from '../assets/example.jpg'; // 替换成自己的logo即可 （2）文字标题 defaultSettings.js const proSettings = { navTheme: 'dark', // 拂晓蓝 primaryColor: '#1890ff', layout: 'side', contentWidt
AntPro + Umi 自定义左上角的本地logo不生效
酒沁的博客
11-21 1299
解决AntPro + Umi 自定义左上角的本地logo生效问题
极智开发 | antd pro 页面基础属性修改
sinreyeah的博客
09-09 1021
极智开发 | antd pro 页面基础属性修改
umi+antdpro如何修改左上角的图标
rock_23的博客
08-21 2585
这个有两处要修改： 第一处： 项目文件中的config/defaultSettings.ts文件 删除logo 第二处： 项目文件中的src/app.tsx 注：因项目的不同所以文件的后缀会有些不同。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Zrlue

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值