返回首页
当前位置:首页>网页制作>html/html5及css技巧>>文章浏览:Ant Design前端框架发布新版本及如何使用

Ant Design前端框架发布新版本及如何使用

时间:2016年12月30日来源:互联网 作者:小恩 我要评论
今天网上业内的人员对Ant Design各种评论,各种各样的说辞。一起看看最新版吧,都有哪些改进呢

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

Ant Design 2.5.3 发布了

更新内容:

  • 支持 [email protected]

  • 修正了 Tabs 嵌套时的样式问题。

  • 修正了 Radio 在当前项选中时,再次点击仍会触发 onChange 的问题。

  • 修正了 Form 多列栅格式的表单排列方式布局异常。

  • 修正了 Menu 竖直方向的当前选择项的背景问题。

  • 优化了 Dropdown 的 onVisibleChange 回调参数 Type 类型。

  • 优化了 Cascader 的 onChange 回调参数的 Type 类型。

  • 优化了 Datepicker[showTime] 的默认宽度

一起看看都有哪些特性。

Ant Design前端框架

特性

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

  • 丰富实用的 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

    ant design几个例子(日期控件及其它常用控件): pan.baidu.com/s/1c5nZrS

    以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持技术之家。

    (责任编辑:小恩)
    顶一下

    ()
    踩一下
    ()
    ------分隔线----------------------------