企业级的 UI 设计语言和 React 实现 Ant Design

企业级的 UI 设计语言和 React 实现 Ant Design

MIT
JavaScript HTML/CSS
跨平台
阿里巴巴
2015-07-27
叶秀兰

Ant Design 是蚂蚁金服开发和正在使用的一套企业级的前端设计语言和基于 React 的前端框架实现。

特性

  • 企业级金融产品的交互语言和视觉体系。

  • 丰富实用的 React UI 组件。

  • 基于 React 的组件化开发模式。

  • 背靠 npm 生态圈。

  • 基于 webpack 的调试构建方案,支持 ES6。

示例

var antd = require('antd');
var Datepicker = antd.Datepicker;

React.render(<Datepicker />, mountNode);

开发说明

本地调试

$ npm start

然后访问 http://127.0.0.1:8000 。

网站部署

$ npm run deploy

版本构建

$ npm run release
的码云指数为
超过 的项目
加载中

评论(28)

宇辰OSC
宇辰OSC
[4]
宇辰OSC
宇辰OSC
😥
_cxd
_cxd
cool [4]
舌尖跳舞
舌尖跳舞
不敢用了
沙发迪
沙发迪

引用来自“Bingdor”的评论

还有彩蛋不😄
打死都不会再弄彩蛋了,哈哈哈哈
Bingdor
Bingdor
还有彩蛋不😄
那年20
那年20
前端技术各种炫酷啊
c
crystalsis
这是一款号称企业级的娱乐性质的UI,当作者写下代码的时候,只有他的救世主和他知道写了什么,现在这玩意儿只有他的救世主知道里面写了什么。
鉴客
鉴客
#Ant Design# 事件,据说玉伯很生气,整个部门的绩效 3.25 分!
i6u
i6u
可以试试,很棒

Ant Design 4.0.0-rc.5 发布,企业级 UI 设计语言

Ant Design 4.0.0-rc.5 发布了。Ant Design 是阿里开源的一套企业级的 UI 设计语言和 React 实现,使用 TypeScript 构建,提供完整的类型定义文件,自带提炼自企业级中后台产品的交互语言和视...

今天 07:51

Ant Design 3.26.9 发布,企业级 UI 设计语言

Ant Design 3.26.9 发布了。Ant Design 是一套企业级的 UI 设计语言和 React 实现,使用 TypeScript 构建,提供完整的类型定义文件,自带提炼自企业级中后台产品的交互语言和视觉风格、开箱即...

02/11 06:51

Ant Design 4.0.0-rc.4 发布,企业级 UI 设计语言

Ant Design 4.0.0-rc.4 发布了。Ant Design 是阿里开源的一套企业级的 UI 设计语言和 React 实现,使用 TypeScript 构建,提供完整的类型定义文件,自带提炼自企业级中后台产品的交互语言和视...

02/10 08:01

Ant Design 3.26.8 发布,企业级 UI 设计语言

Ant Design 3.26.8 发布了。Ant Design 是一套企业级的 UI 设计语言和 React 实现,使用 TypeScript 构建,提供完整的类型定义文件,自带提炼自企业级中后台产品的交互语言和视觉风格、开箱即...

02/04 07:56

Ant Design 4.0.0-rc.2 发布,企业级 UI 设计语言

Ant Design 4.0.0-rc.2 发布了。Ant Design 是阿里开源的一套企业级的 UI 设计语言和 React 实现,使用 TypeScript 构建,提供完整的类型定义文件,自带提炼自企业级中后台产品的交互语言和视...

01/23 07:42

Ant Design 3.26.7 发布,企业级 UI 设计语言

Ant Design 3.26.7 发布了。Ant Design 是一套企业级的 UI 设计语言和 React 实现,使用 TypeScript 构建,提供完整的类型定义文件,自带提炼自企业级中后台产品的交互语言和视觉风格、开箱即...

01/15 06:47

Ant Design 4.0.0-rc.1 发布,企业级 UI 设计语言

Ant Design 4.0.0-rc.1 发布了。Ant Design 是阿里开源的一套企业级的 UI 设计语言和 React 实现,使用 TypeScript 构建,提供完整的类型定义文件,自带提炼自企业级中后台产品的交互语言和视...

01/13 07:50

Ant Design 4.0.0-rc.0 发布,企业级 UI 设计语言

Ant Design 4.0.0-rc.0 发布了。Ant Design 是阿里开源的一套企业级的 UI 设计语言和 React 实现,使用 TypeScript 构建,提供完整的类型定义文件,自带提炼自企业级中后台产品的交互语言和视...

01/06 07:19

Ant Design 3.26.5 发布,企业级 UI 设计语言

Ant Design 3.26.5 发布了,更新内容: Table 回滚排序后默认回到第一页的逻辑。#20507 修复分组列头在 colspan=1 时文本没有对齐的问题。#20463 修复 Tabs 的 animated 属性为 false 时,高...

2019/12/30 07:59

Ant Design 3.26.4 发布,企业级 UI 设计语言

Ant Design 3.26.4 发布了,更新内容: 修复 Upload 组件预览不支持 .ico 文件问题。#20375 修复 Form feedback 图标结合 Input suffix 显示不正确。#20363 修复 Tag 关闭时 onClick 被触发的...

2019/12/24 07:22

没有更多内容

加载失败,请刷新页面

1
回答
其他程序来源的表格、流程等自动生成noForm表单

@刘学炜 你好,想跟你提几个小建议: 一、能把其他程序来源的表格、流程等自动生成noForm表单。 比较常见的有Office文件,例如用Visio画的流程...

2018/11/30 10:41
1
回答
如何修改穿梭框为单选模式,且选了一条后不允许选第二条

如何修改穿梭框为单选模式,且选了一条后不允许选第二条,下为代码 import { Transfer } from 'antd'; class App ex...

2018/05/04 14:28
7
回答
JFinal可以结合ant design+react做系统吗?

@JFinal ,最近在做一个新项目得框架选型,后端定了用jfinal,前端有人给建议说用ant design做。我搜了百度,觉得ant design是结...

2018/03/02 01:06
1
回答
ant design样式不展现

.babelrc文件的配置是: { "plugins": ["transform-decorators-legacy", "transform-objec...

2017/02/03 09:42
2
回答
ant design webpack配置,不能添加样式

在使用ant design时 我在webpack config.js里是这样写的 babel: { presets: ['es2015', 'stage-...

2016/07/21 15:44

没有更多内容

加载失败,请刷新页面

没有更多内容

使用Ant Design 和Vue,React中后台开发套餐

前言 目前Ant Design 提供 React 和 Vue 两种整合开发框架,开箱即用的中台前端/设计解决方案,可适合中小公司统一后台开发技术栈,本来只是业务信息系统,不要重复造轮子 AntDesign of Rea...

2019/01/23 16:36
4.3K
0
Akka HTTP实战:为Ant Design Pro提供后端接口

实战:为Ant Design Pro提供后端接口 之前章节已经了解了Akka HTTP的路由定制、数据序列化等内容,是时候开始一个比较完整的Web应用示例了。这里我们将使用 Akka HTTP 来集成 Ant Design Pro...

2018/10/10 11:23
1.8K
0
ant-design-vue组件的三种加载方式

完整引入 main.js中全局引入并注册 import Antd from 'ant-design-vue' import 'ant-design-vue/dist/antd.css' Vue.use(Antd) 在页面中不再需要引入注册组件,可以直接使用所有的组件 <tem...

2018/08/16 12:19
3.9W
0
Ant Design Vue

我对于Vue会更加熟悉一点。Ant Desing是基于Reat来实现的。要不还有一套是Angular的实现。 Ant Design of Vue vueComponent / ant-design-vue......

2018/10/30 10:29
484
0
vue 资源

示例 vue开源项目库汇总 mobile ionic vue 的实现 ant design ant-design 官网 vue antd vue antd admin element element 使用中的问题 dynamicform nuxt bootstrap coreui vue shards 组件开...

2018/09/03 08:36
187
0
NG-ZORRO-MOBILE (Ant Design Mobile of Angular) 移动端UI组件库正式发布

NG-ZORRO-MOBILE 是 Ant Design 移动规范的 Angular 实现。 Ant Design 作为服务于企业级产品的设计体系,基于『确定』和『自然』的设计价值观,通过模块化的解决方案,降低冗余的生产成本,...

2018/10/15 10:38
65
0

没有更多内容

加载失败,请刷新页面

返回顶部
顶部