-
Ant Design 遭删库!
2021-02-15 20:33:37在程序员们还都放假过年之时,在 GitHub 上拥有数万 Star 的蚂蚁金服企业级 UI 设计语言和 React 组件库 Ant Design 横遭删库。大年初四,前端国货之光 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
2019-05-28 09:04:01Ant Design 服务于企业级产品的设计体系,基于确定和自然的设计价值观上的模块化解决方案,让设计者和开发者专注于更好的用户体验。 Ant Design Mobile of React Ant Design Mobile of Angular Ant ...Ant Design
服务于企业级产品的设计体系,基于确定和自然的设计价值观上的模块化解决方案,让设计者和开发者专注于更好的用户体验。
Ant Design Mobile of React
Ant Design Mobile of Angular
Ant Design of React
Ant Design of Angular
Ant Design of Vue
相关资源
NG-ZORRO - Ant Design of Angular
Kitchen - Sketch 工具集
Ant Design Landing - 首页模板集
Scaffolds - 脚手架市场
Umi - React 应用开发框架
dva - 数据流前端框架
Ant Motion - 设计动效
社区
SEE Conf - 蚂蚁体验科技大会
帮助
更多产品
语雀 - 知识创作与分享工具
云凤蝶 - 移动建站平台
AntV - 数据可视化
Egg - 企业级 Node 开发框架
Made with ❤ byAFX
Not using Hotjar yet?
-
ant design pro默认分页显示修改
2020-12-14 16:43:05做表格分页的时候,使用的是ant design pro ,分页器是封装好的,但是公司要求要与之前的公司产品看齐,他们用的比较老,因此需要重写分页器(我的项目要修改的不多,只需要修改分页前面的显示文字就行),以下列出...做表格分页的时候,使用的是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; }
打完收工
-
Ant design
2020-03-14 20:23:37antd是基于 Ant Design 设计体系的 React/vue/AngularUI 组件库,主要用于研发企业级中后台产品。 帮助快速开发前端企业级工程项目. 2.学习/操作 TBD 3.问题/补充 TBD 4.参考 ...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
后续补充
...
-
Ant Design简单简单简单运行
2020-07-31 16:35:431.安装脚手架工具,显示如下图即安装脚手架成功 npm install antd-init -g 2.创建一个工程,使用如下命令 mkdir antd-demo ...5.运行Ant Design项目,网址输入localhost:8000,成功运行 npm start ... -
Material Design
2018-10-11 14:32:40Material Design Material Design 是专为设计适用于多个平台和设备的视觉、运动与互动效果而制定的综合指南。 Android 现在已支持 Material Design 应用。 如果要在您的 Android 应用中使用 Material Design,请遵循... -
ANT DESIGN PRO
2019-05-28 09:13:17ANT DESIGN PRO 开箱即用的中台前端/设计解决方案 相关资源 Ant Design Ant Design Mobile NG-ZORRO-Ant Design of Angular NG-ZORRO-MOBILE Awesome Ant Design Kitchen-Sketch 工具集 Ant Design... -
React 基于ant design Pro 4 实现的一个分页, 自定义页码颜色
2020-12-18 14:59:56这是在 Ant Design Pro 4 中基于 ant design 的 Pagination 分页组件的基础上开发的。 有这么一个需求, 页码的颜色基于该页是否有差异, 没有差异就正常颜色, 有差异就显示红色, 我就在 ant design 这个分页的基础上... -
Ant Design Vue
2019-05-28 09:20:14Ant Design Vue Ant Design of Vue Following the Ant Design specification, we developed a Vue UI libraryantdthat contains a set of high quality components and demos for building rich, interactive ..... -
Ant Design 与 Ant Design Pro
2020-02-07 23:26:4802-Ant Design #1.ReactJS 1.1.分层 上图中,左侧是服务端代码的层次结构,由Controller,Service,Data Access三层组成服务服务端系统。 右侧是前端代码的结构,同样需要进行必要的分层: Page负责与用户直接打交道... -
Qt Design studio使用
2019-07-18 19:23:54Qt Design Studio实现了UI设计到qml的转换,该文是关于Qt Design Studio的使用手册,主要来自官方文档,对于导出工具的使用给出了一些实践的建议。 -
Material Design基础
2017-11-20 11:44:14Material Design,中文名:材质设计,是由Google推出的全新设计语言,旨在为手机、平板电脑、台式机和其他平台提供更一致、更广泛的感官体验。Flutter与Material Design的关系密切,Flutter框架中有一个Material ... -
design compiler
2015-10-20 11:01:55DC(Design Compiler)是Synopsys公司的logical synthesis工具,它根据design description和design constraints自动综合出一个优化了的门级电路。它可以接受多种输入格式,如HDL、Schematics、Netlist等,并能生成多种... -
【Android】MaterialDesign使用
2019-12-17 21:51:23MaterialDesign使用 Material Design是Google在2014年的I/O大会上推出的全新设计语言。 Material Design是基于Android 5.0``(API level 21)的,兼容5.0以下的设备时需要使用版本号v21.0.0以上的 support v7包中的... -
Ant Design Pro实战入门教程-整合版
2019-12-27 10:54:162021年02月01日,新版升级课程“Ant Design Pro实战入门教程”已上传发布,希望客官们能够喜欢,也希望这套课程能够帮您节省大量的学习时间。 Ant Design Pro是一个企业级中后台前端/设计解决方案,秉承了 ... -
vue+Ant design vue做项目
2019-09-17 09:33:14哈喽哈喽,这期带来蚂蚁金服的一个Ant Design 的 Vue 实现。 样式还是很现代化的,嗯...现在是2019年9月17,对现在来说还很fashion过几年就不知道了。 话不多说直接上手,喜欢记得关注,顺手右上角来个赏我两个... -
ant-design-vue UI组件使用讲解
2019-06-10 11:26:25通过jeecg-boot项目实战,详细介绍 ant-design-vue UI组件使用,细致的讲解每个组件的用法,教你学会如何看ant-design-vue的官方文档。 对于初学入门者来讲,非常实用。 -
ant-design-demos
2016-02-03 23:27:13ant design demo 直接打开里面Html即可,chrome最佳 -
MaterialDesign学习篇(一),MaterialDesign的介绍
2017-07-24 21:29:58Material Design这种设计语言(风格)的提出已经有数个年头,但是开发的过程中却不是说经常使用到相关的控件,所以有些控件的使用并不是很熟练,所以萌发了复习的念头。我是2015年开始入门android的,那时候找了不少... -
Gui Design Studio 4.4版本+KEY
2012-12-05 11:39:53Gui Design Studio最新版本,另外还有注册工具,无毒 -
system design primer
2017-04-16 00:32:06github.com/donnemartin/system-design-primer Index of system design topics ...Summaries of various system design topics, including pros and cons. Everything is a trade-off. Each section contain -
Material Design实战
2016-03-29 18:24:19MaterialDesign实战 -
使用ant design 或 ant design pro快速搭建一个页面骨架
2019-07-04 19:26:18大概是这样一个效果 ...自己实现起来比较复杂,antd已经为我们写好了这一套。 具体实现方式请看官方文档: ant design : ...ant design pro:https://pro.ant.design/blog/new-pro-use-cn#header... -
浅析Motion Design
2016-03-30 09:43:45在UI设计领域,动态设计(motion design)因为Google的参与开始被诸多人士关注,其原因在于能够打造出生动有趣的效果的能力。应用中所有元素都按序排列,而动态设计则便于引导用户操作。每一个按键的点触,每一个... -
Design之CoordinatorLayout+TabLayout+RecyclerView&CollapsingToolbarLayout
2016-05-24 19:15:06Design -
安装design compiler的教程
2020-05-03 12:33:52安装design compiler以及破解的教程教程开始design compiler工具介绍和所需环境准备工作启动installer安装软件安装DC插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、... -
Ant Design引入Echarts
2019-03-20 11:34:361.首先在Ant Design项目上安装echarts相关的包 2.在项目里就可以引入相关的包了 3.示例代码 4. 运行结果 1.首先在Ant Design项目上安装echarts相关的包 进入ant-design-pro目录,比如我的:/Users/rongsong/... -
【踩坑指南】Nginx服务器发布Ant Design以及Ant Design Pro项目
2019-08-23 10:38:40Nginx服务器发布Ant Design以及Ant Design Pro项目通过终端命令行进入项目目录发布完成 通过终端命令行进入项目目录 1.// 在编译的项目中进行打包指令 npm run build 2. 找到打包后的文件夹 执行完打包指令后会... -
Material Design介绍
2016-05-12 22:58:24Material Design介绍转载请注明出处,如果有问题的话可以在下面评论,我...Material Design是一门用户界面视觉设计语言。可以基于智能手机,平板,电视等等设备。从我的角度理解,Material Design其实就是Google为我