大年初四，前端国货之光 Ant Design 被攻击删库了！犹记得 2018 年 Ant Design 在圣诞节暗藏的圣诞彩蛋带给了许多开发者莫大惊吓，如今时过境迁，在春节还在放假之时，Ant Design 的程序员被打得措手不及。

在程序员们还都放假过年之时，在 GitHub 上拥有数万 Star 的蚂蚁金服企业级 UI 设计语言和 React 组件库 Ant Design 横遭删库。



北京时间 2 月 15 日凌晨，Stack Overflow 有网友发问“Ant Design 发生了什么？被从 GitHub 上删除了”，其表示 Ant Design 在 GitHub 上的源码仓库被删除、官方网站无法访问，在 npm 中可以正常使用。



对此，Ant Design 官方通过官方 Twitter 账号发表声明：“Ant Design 的 GitHub 存储库由于未知原因被删除，我们正在进行排查并寻求 GitHub 官方支持来帮助我们恢复。”



不过幸运的是，Ant Design 官方表示，“暂时没有用户受到此次事件的影响”，同时，“我们依然是 GitHub 上 Ant Design 项目的 owner（所有者），正在和 GitHub 一起努力找回项目。”



截止目前，Ant Design 的官网已经可以正常访问，但 GitHub 源码库依然处于 Page not found 状态。
相关链接：
https://stackoverflow.com/questions/66197823/what-has-happened-to-ant-design-deleted-from-github
https://twitter.com/AntDesignUI/status/1361274650097971208

Ant Design

服务于企业级产品的设计体系，基于确定和自然的设计价值观上的模块化解决方案，让设计者和开发者专注于更好的用户体验。







Ant Design Mobile of React

Ant Design Mobile of Angular



Ant Design of React 

Ant Design of Angular 

Ant Design of Vue 





相关资源

Ant Design Pro

Ant Design Mobile

NG-ZORRO - Ant Design of Angular

NG-ZORRO-MOBILE

Ant Design Vue

Kitchen - Sketch 工具集

Ant Design Landing - 首页模板集

Scaffolds - 脚手架市场

Umi - React 应用开发框架

dva - 数据流前端框架

Ant Motion - 设计动效

设计资源下载

国内镜像站点 ??

社区

 Awesome Ant Design

 Medium

 Twitter

 Ant Design 专栏

 体验科技专栏

SEE Conf - 蚂蚁体验科技大会

加入我们

帮助

GitHub

更新日志

Ant Design 实战教程

常见问题

在线讨论 (中文)

在线讨论 (English)

报告 Bug

讨论列表

StackOverflow

SegmentFault

更多产品

 语雀 - 知识创作与分享工具

云凤蝶 - 移动建站平台

AntV - 数据可视化

Egg - 企业级 Node 开发框架

蚂蚁体验科技

Made with ❤ byAFX



 Not using Hotjar yet?

Select an element on the page.

做表格分页的时候，使用的是ant design pro ，分页器是封装好的，但是公司要求要与之前的公司产品看齐，他们用的比较老，因此需要重写分页器（我的项目要修改的不多，只需要修改分页前面的显示文字就行），以下列出全部重写以及总数显示重写
1、分页整体修改：
itemRender(page, type, originalElement) {
                                if (type === "page") {
                                  return <a href={`/galleries/${page}`}>{page}</a>;
                                } else if (type === "prev") {
                                  return <a href={`/galleries/${this.currentPage - 1}`}>上一页</a>;
                                } else if (type === "next") {
                                  return <a href={`/galleries/${this.currentPage + 1}`}>下一页</a>;
                                }
                              }

2、总数显示重写
2.1   ant design pro 默认是这样的：


2.2 但是公司之前的产品是这样的：


2.3 因此只需要修改前面的显示方式便可以了，重写代码：
showTotal: total => { return <span>共 <span className="pagination">{total}</span> 条</span> },


2.4 中间的显示样式：
.pagination{
  color:rgb(24,144,244);
  font-weight: bold;
}

打完收工

1.应用场景


			
前端组件库

			
antd 是基于 Ant Design 设计体系的 React/vue/Angular UI 组件库，主要用于研发企业级中后台产品。

			
帮助快速开发前端企业级工程项目.
			
		
2.学习/操作


			
TBD
			
		
3.问题/补充


			
TBD
			
		
4.参考


			
https://ant.design/index-cn //官网

			
https://www.antdv.com/docs/vue/introduce-cn/  //Ant Design of Vue

			
https://ant.design/docs/react/introduce-cn  //Ant Design of React

			
https://ng.ant.design/docs/introduce/zh  //Ant Design of Angular
			
		
后续补充

...