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

最新推荐文章于 2025-11-13 08:06:20 发布
原创 最新推荐文章于 2025-11-13 08:06:20 发布 · 1.3k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#anti-design-vue #前端框架

本文介绍了如何在Web应用中修改默认的logo图标，包括删除默认样式并从app.tsx文件中配置自定义logo，以及遇到问题时参考官方文档的建议。

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

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

Zrlue
关注
ant design pro v6 如何做好角色管理
求知久久编程学院
08-19 719
先上图： 整个角色管理是如何做的吗？ 首先你要处理后端，要先把角色存到用户那。 这是用户管理部分的内容： 可以看到一个用户是有多个角色的。 看到没有，存的是数组 数组的是一个 role 对象 role 对象是这样： 主要是存一个 name 就好。permissions 是权限列表。 import { Request, Response } from 'express'; import Role from '../models/role'; import handleAsync from '../
antDesignPro项目：自定义上传组件（分片传、取消上传等）
qq_38969618的博客
11-29 1997
基于antd上传的二次封装
antdesign pro 去除左上角logo以及title《react》
weixin_45738401的博客
11-02 1351
React Ant Design Pro 之如何删除左上角的logo
ant design pro 修改logo图片名称位置
weixin_41590250的博客
11-05 3687
修改网页title的图片在：public/icons目录下 更换 Ant Design Pro 的 logo 和名称： 位置：/public/favicon.png 只须将制作好的公司logo或者图片，将其替换掉即可。 有小伙伴反映，替换后依然没有起作用。这是有缓存的问题，解决办法：重启浏览器，或者重启一下本地服务器（npm start）即可。 ...
Ant Design Blazor 图标系统完全指南：自定义图标实现终极教程
最新发布
gitblog_00389的博客
11-13 983
Ant Design Blazor 是一套基于 Ant Design 设计语言和 Blazor WebAssembly 的企业级 UI 组件库。其中图标系统作为核心功能，提供了丰富的前端图标解决方案，让开发者能够轻松实现美观统一的界面设计。 ## 📋 图标系统核心概念 Ant Design Blazor 的图标系统支持三种主题类型： - **Outline** - 线性图标（默认） - **
浅谈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
Ant Design Pro v5 修改Footer、标题和Logo
qq_43445362的博客
05-03 5166
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
react---ant design pro----修改logo和title
丫丫不秃头噢---
12-16 4295
1.内容页的logo和tittle修改入口 如果想要直接干掉logo，需要在App.tsx里面写这个： logo：false** 2.网页左边的logo和tittle修改入口 直接修改，地址，提前放好图片文件在public里面
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页面上查看所有可用的图标。
Ant Design pro路由菜单标签页插件使用
闪电⚡之王的博客简介
07-17 1204
Ant Design Pro 路由菜单标签页历史
Ant Design Pro自定义菜单图标
Misnice的博客
04-30 1348
Ant Design Pro自定义菜单icon图标
Ant Design Pro：项目的标签页标题与左上角项目标题图标如何修改?
闪电⚡之王的博客简介
12-28 1274
根目录下的config文件中的defaultSettings.js文件当中的Settings对象中的title属性中更改的。title: ‘标签页标题与项目标题’,logo:‘项目图标的url路径’,标签页标题和项目标题是在项目。
antdp | 导航右上角修改, 修改用户名、头像
Ddddddd_158的博客
03-27 511
antdp | 导航右上角修改, 修改用户名、头像
ant 后台自定义左侧菜单的图标
a_靖的博客
07-14 3714
AntDesignVue自定义菜单图标
antd pro自定义网页标题和图标
前端小菜鸟也有人起的博客
01-09 785
antd pro自定义网页标题和图标
antd pro logo如果引入本地图片
岁月如歌去，十年弹指间
02-25 2099
此处引入本地会报错 我们可以在app.tsx里覆盖原先的logo
antdpro页面Logo如何更改
热门推荐
Front end development engineer
01-18 3万+
antdpro主页面Logo如何更改...
Antd Pro V4 样式修改大全（有图有真相）
qq_44752117的博客
08-15 6099
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
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

Zrlue

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

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

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

打赏作者

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

抵扣说明：

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

余额充值