修改Footer

原来的Footer

修改代码

在src\components\Footer\index.tsx修改代码为

// import { useIntl } from 'umi';
import { GithubOutlined } from '@ant-design/icons';
import { DefaultFooter } from '@ant-design/pro-layout';
import NoticeIcon from '../NoticeIcon/NoticeIcon';
import { HeartTwoTone } from '@ant-design/icons';export default () => {// const intl = useIntl();// const defaultMessage = intl.formatMessage({//   id: 'app.copyright.produced',//   defaultMessage: '蚂蚁集团体验技术部出品',// });const currentYear = new Date().getFullYear();const defaultMessage = "听我一言-技术修改"return (<DefaultFootercopyright={`${currentYear} ${defaultMessage}`}links={[{key: 'listening2',title: '听我一言',href: 'https://blog.csdn.net/halo_hsuh?spm=1000.2115.3001.5113',// href: 'https://pro.ant.design',blankTarget: true,},{key: 'hearticon',title: <HeartTwoTone twoToneColor="#eb2f96" />,href: 'https://blog.csdn.net/halo_hsuh?spm=1000.2115.3001.5113',// href: 'https://github.com/ant-design/ant-design-pro',blankTarget: true,},{key: 'listening2',title: '听我一言',href: 'https://blog.csdn.net/halo_hsuh?spm=1000.2115.3001.5113',// href: 'https://ant.design',blankTarget: true,},]}/>);
};

效果

Ant Design Pro 使用笔记

参考:
插入图标

Ant Design Pro (五) 修改Footer相关推荐

Ant design pro (九) 修改Title 图标等小功能
一. 关于界面菜单及整体颜色风格修改 1. 直接修改 config/defaultSettings.ts 内部直接修改 2. 辅助修改 Ant Design Pro预览界面在预览界面中选择设置好之后 ...
【Ant Design Pro 五】箱套路由在菜单栏显示返回上一页
效果图: 场景:从菜单栏进入子页面,但是子页面默认不在路由显示,完成操作后需要返回上级页面.所以要在菜单栏中加返回的功能. 实现代码: import React from 'react'; impor ...
ant design pro 修改logo图片名称位置
修改网页title的图片在:public/icons目录下更换 Ant Design Pro 的 logo 和名称: 位置:/public/favicon.png 只须将制作好的公司logo或者图片 ...
Ant Design Pro 菜单icon图标修改或新增
由于Ant Design Pro菜单和以前不一样了,去官网查到的Icon图标无法直接使用名称了,那怎么办呢,办法总是比问题多的,进入官网的图标组件,找到你想要用的图标,进入开发模式图标 Icon - ...
前端初学者的Ant Design Pro V6总结（上）
前端初学者的Ant Design Pro V6总结(上) 一.UI组件开发流程 () => {} 通用(异步)函数 useEmotionCss 定义CSS useModel获取全局状态 useC ...
ant design pro（一）安装、目录结构、项目加载启动【原始、以及idea开发】
一.概述 1.1.脚手架概念编程领域中的"脚手架(Scaffolding)"指的是能够快速搭建项目"骨架"的一类工具.例如大多数的React项目都有src,p ...
Ant Design Pro v4 is Here
Ant Design Pro v4 is Here 距离 Pro 的上个版本发布已经过去了 8 个月,Pro 也进行了许多的迭代,但是大部分更新仍然以修复 bug 为主.在此期间我们遇到了许多使用 P ...
Ant Design Pro Vue使用心得
目录结构 ├── public │ └── logo.png # LOGO | └── index.html # Vue 入口模板 ├── src │ ├── api # Api ajax 等 │ ├ ...
ant design pro安装
一.过程安装其中安装成功后出现404参考第二个大导航所有都需要安装最新版本的包括装node(node 10.13.0,自带npm 版本6.4.1 ).yarn. 和 git(建议最新版本,否 ...
UmiJS TypeScript Ant Design Pro v4 从零开始实战教程（63 个视频）
UmiJS & TypeScript & Ant Design Pro v4 从零开始实战教程(63 个视频) Antd Pro 是国内最流行的前端后台框架,使用它可以轻易搭建一个超级 ...

Ant Design Pro (五) 修改Footer

修改Footer

原来的Footer

修改代码

效果

Ant Design Pro (五) 修改Footer相关推荐

最新文章

热门文章