mirror of
https://github.com/wahyd4/ant-design.git
synced 2026-08-16 08:16:26 +10:00
85 lines
18 KiB
HTML
85 lines
18 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<meta name="description" content="An enterprise-class UI design language and React-based implementation">
|
|
<meta name="description" content="A set of high-quality React components">
|
|
<meta name="description" content="One of best React UI library for enterprise background">
|
|
<title>Ant Design - One Design Language</title>
|
|
<link rel="icon" href="https://t.alipayobjects.com/images/T1QUBfXo4fXXXXXXXX.png" type="image/x-icon">
|
|
<link rel="stylesheet" type="text/css" href="https://fonts.googleapis.cnpmjs.org/css?family=Lato:400,700|Raleway"/>
|
|
<link rel="stylesheet" type="text/css" href="/index-1.css"/>
|
|
<link rel="stylesheet" type="text/css" href="/index-2.css"/>
|
|
<style id="nprogress-style">
|
|
#nprogress { display: none }
|
|
</style>
|
|
<!--[if lte IE 10]>
|
|
<script
|
|
src="https://as.alipayobjects.com/g/component/??console-polyfill/0.2.2/index.js,media-match/2.0.2/media.match.min.js"></script>
|
|
<![endif]-->
|
|
<script>
|
|
if (!window.Intl) {
|
|
document.writeln('<script src="https://as.alipayobjects.com/g/component/intl/1.0.1/??Intl.js,locale-data/jsonp/en.js,locale-data/jsonp/zh.js">' + '<' + '/script>');
|
|
}
|
|
if (!window.Promise) {
|
|
document.writeln('<script src="https://as.alipayobjects.com/g/component/es6-promise/3.2.2/es6-promise.min.js"' + '>' + '<' + '/' + 'script>');
|
|
}
|
|
</script>
|
|
</head>
|
|
<body>
|
|
<div id="react-content">
|
|
<div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="-430348262"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="4"><a id="logo" href="/" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div style="display:block;" class="ant-col-xs-0 ant-col-sm-17 ant-col-md-18 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
|
|
ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" data-reactid="11"><div class="ant-select-selection__rendered" data-reactid="12"><div style="display:block;user-select:none;-webkit-user-select:none;" unselectable="unselectable" class="ant-select-selection__placeholder" data-reactid="13">Search Components...</div><ul data-reactid="14"><li class="ant-select-search ant-select-search--inline" data-reactid="15"><div class="ant-select-search__field__wrap" data-reactid="16"><input value="" class="ant-select-search__field" data-reactid="17"/><span class="ant-select-search__field__mirror" data-reactid="18"></span></div></li></ul></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="19"><b data-reactid="20"></b></span></div></div></div><button type="button" class="ant-btn ant-btn-ghost ant-btn-sm lang" data-reactid="21"><span data-reactid="22"><!-- react-text: 23 -->中文<!-- /react-text --></span></button><ul class="ant-menu ant-menu-horizontal ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="24"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="25"><a href="/" data-reactid="26"><span data-reactid="27"><!-- react-text: 28 -->Home<!-- /react-text --></span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="29"><a href="/docs/spec/introduce" data-reactid="30"><span data-reactid="31"><!-- react-text: 32 -->Specification<!-- /react-text --></span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="33"><a href="/docs/react/introduce" data-reactid="34"><span data-reactid="35"><!-- react-text: 36 -->Components<!-- /react-text --></span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="37"><a href="/docs/pattern/navigation" data-reactid="38"><span data-reactid="39"><!-- react-text: 40 -->Pattern<!-- /react-text --></span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/practice/cases" data-reactid="42"><span data-reactid="43"><!-- react-text: 44 -->Practice<!-- /react-text --></span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="45"><a href="/docs/resource/download" data-reactid="46"><span data-reactid="47"><!-- react-text: 48 -->Resource<!-- /react-text --></span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="49"><div class="ant-row" data-reactid="50"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="51"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="52"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/resource/download" data-reactid="54">Download</a></li><li style="padding-left:24px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="55"><a href="/docs/resource/reference" data-reactid="56">Reference</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="57"><a href="//github.com/ant-design/ant-design" target="_blank" rel="noopener noreferrer" data-reactid="58">GitHub</a></li></ul></div><div class="main-container ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="59"><article class="markdown" data-reactid="60"><h1 data-reactid="61"><!-- react-text: 62 -->Reference<!-- /react-text --><a class="edit-button" href="https://github.com/ant-design/ant-design/blob/master/docs/resource/reference.en-US.md" data-reactid="63"><i class="anticon anticon-edit" data-reactid="64"></i></a></h1><section class="markdown" data-reactid="65"><p data-reactid="66"><!-- react-text: 67 -->Please find below the books that inspired us, saved our time and helped us to overcome difficulties when designing components and patterns. If you want to know more about UI design, we recommend you these awesome books.<!-- /react-text --></p><div class="resource-cards" data-reactid="68"><a target="_blank" href="http://as.wiley.com/WileyCDA/WileyTitle/productCd-1118766571.html" class="resource-card" data-reactid="69"><img src="http://media.wiley.com/product_data/coverImage300/71/11187665/1118766571.jpg" data-reactid="70"/><span class="resource-card-content" data-reactid="71"><span class="resource-card-title" data-reactid="72"><!-- react-text: 73 -->About Face<!-- /react-text --></span><span class="resource-card-description" data-reactid="74"><!-- react-text: 75 -->Author: Alan Cooper, Robert Reimann, David Cronin, Christopher Noessel<!-- /react-text --></span><span class="resource-card-description" data-reactid="76"><!-- react-text: 77 -->Publisher: Wiley<!-- /react-text --></span></span></a><a target="_blank" href="http://shop.oreilly.com/product/9780596516253.do" class="resource-card" data-reactid="78"><img src="http://akamaicovers.oreilly.com/images/9780596516253/cat.gif" data-reactid="79"/><span class="resource-card-content" data-reactid="80"><span class="resource-card-title" data-reactid="81"><!-- react-text: 82 -->Designing Web Interfaces<!-- /react-text --></span><span class="resource-card-description" data-reactid="83"><!-- react-text: 84 -->Author: Bill Scott, Theresa Neil<!-- /react-text --></span><span class="resource-card-description" data-reactid="85"><!-- react-text: 86 -->Publisher: O'Reilly Media<!-- /react-text --></span></span></a><a target="_blank" href="http://shop.oreilly.com/product/0636920000556.do" class="resource-card" data-reactid="87"><img src="http://akamaicovers.oreilly.com/images/0636920000556/cat.gif" data-reactid="88"/><span class="resource-card-content" data-reactid="89"><span class="resource-card-title" data-reactid="90"><!-- react-text: 91 -->Designing Interfaces<!-- /react-text --></span><span class="resource-card-description" data-reactid="92"><!-- react-text: 93 -->Author: Jenifer Tidwell<!-- /react-text --></span><span class="resource-card-description" data-reactid="94"><!-- react-text: 95 -->Publisher: O'Reilly Media<!-- /react-text --></span></span></a><a target="_blank" href="http://www.peachpit.com/store/non-designers-design-book-9780133966152" class="resource-card" data-reactid="96"><img src="http://www.peachpit.com/ShowCover.aspx?isbn=9780133966152&type=f" data-reactid="97"/><span class="resource-card-content" data-reactid="98"><span class="resource-card-title" data-reactid="99"><!-- react-text: 100 -->Non-Designer's Design Book<!-- /react-text --></span><span class="resource-card-description" data-reactid="101"><!-- react-text: 102 -->Author: Robin Williams<!-- /react-text --></span><span class="resource-card-description" data-reactid="103"><!-- react-text: 104 -->Publisher: Peachpit Press<!-- /react-text --></span></span></a><a target="_blank" href="http://www.jnd.org/books/design-of-everyday-things-revised.html" class="resource-card" data-reactid="105"><img src="http://www.jnd.org/assets/images/the-design-of-everyday-things2.jpg" data-reactid="106"/><span class="resource-card-content" data-reactid="107"><span class="resource-card-title" data-reactid="108"><!-- react-text: 109 -->The Design of Everyday Things<!-- /react-text --></span><span class="resource-card-description" data-reactid="110"><!-- react-text: 111 -->Author: Don Norman<!-- /react-text --></span><span class="resource-card-description" data-reactid="112"><!-- react-text: 113 -->Publisher: Basic Books, A Member of the Perseus Books Group<!-- /react-text --></span></span></a><a target="_blank" href="https://www.amazon.com/Emotional-Design-Love-Everyday-Things/dp/0465051367" class="resource-card" data-reactid="114"><img src="https://images-na.ssl-images-amazon.com/images/I/41tEBlukEtL._SX328_BO1,204,203,200_.jpg" data-reactid="115"/><span class="resource-card-content" data-reactid="116"><span class="resource-card-title" data-reactid="117"><!-- react-text: 118 -->Emotional Design<!-- /react-text --></span><span class="resource-card-description" data-reactid="119"><!-- react-text: 120 -->Author: Don Norman<!-- /react-text --></span><span class="resource-card-description" data-reactid="121"><!-- react-text: 122 -->Publisher: Basic Books, A Member of the Perseus Books Group<!-- /react-text --></span></span></a><a target="_blank" href="http://rosenfeldmedia.com/books/web-form-design/" class="resource-card" data-reactid="123"><img src="http://rosenfeldmedia.com/wp-content/uploads/2014/11/2456180445_932e3749f4_o-640x960.jpg" data-reactid="124"/><span class="resource-card-content" data-reactid="125"><span class="resource-card-title" data-reactid="126"><!-- react-text: 127 -->Web Form Design<!-- /react-text --></span><span class="resource-card-description" data-reactid="128"><!-- react-text: 129 -->Author: Luke Wroblewski<!-- /react-text --></span><span class="resource-card-description" data-reactid="130"><!-- react-text: 131 -->Publisher: Rosenfeld Media<!-- /react-text --></span></span></a></div></section></article></div></div><div class="ant-row" data-reactid="132"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-md-offset-6 ant-col-lg-20 ant-col-lg-offset-4" data-reactid="133"><section class="prev-next-nav" data-reactid="134"><a class="prev-page" href="/docs/resource/download" data-reactid="135">Download</a><a href="//github.com/ant-design/ant-design" target="_blank" rel="noopener noreferrer" class="next-page" data-reactid="136">GitHub</a></section></div></div></div><footer id="footer" data-reactid="137"><ul data-reactid="138"><li data-reactid="139"><h2 data-reactid="140">GitHub</h2><div data-reactid="141"><a target="_blank " href="https://github.com/ant-design/ant-design" data-reactid="142"><span data-reactid="143"><!-- react-text: 144 -->Repository<!-- /react-text --></span></a></div><div data-reactid="145"><a target="_blank" rel="noopener noreferrer" href="https://github.com/dvajs/dva" data-reactid="146">dva</a><!-- react-text: 147 --> - <!-- /react-text --><span data-reactid="148"><!-- react-text: 149 -->Framework<!-- /react-text --></span></div><div data-reactid="150"><a target="_blank" rel="noopener noreferrer" href="https://github.com/dvajs/dva-cli" data-reactid="151">dva-cli</a><!-- react-text: 152 --> -<!-- /react-text --><span data-reactid="153"><!-- react-text: 154 -->Scaffold<!-- /react-text --></span></div><div data-reactid="155"><a target="_blank" rel="noopener noreferrer" href="http://ant-tool.github.io" data-reactid="156">ant-tool</a><!-- react-text: 157 --> - <!-- /react-text --><span data-reactid="158"><!-- react-text: 159 -->Developer Tools<!-- /react-text --></span></div></li><li data-reactid="160"><h2 data-reactid="161"><span data-reactid="162"><!-- react-text: 163 -->Links<!-- /react-text --></span></h2><div data-reactid="164"><a href="http://mobile.ant.design" data-reactid="165">Ant Design Mobile</a><span data-reactid="166"> - </span><span data-reactid="167"><!-- react-text: 168 -->Mobile<!-- /react-text --></span></div><div data-reactid="169"><a href="https://g2.alipay.com/" data-reactid="170">G2</a><span data-reactid="171"> - </span><span data-reactid="172"><!-- react-text: 173 -->Data Visualization<!-- /react-text --></span></div><div data-reactid="174"><a href="https://antv.alipay.com/" data-reactid="175">AntV</a><span data-reactid="176"> - </span><span data-reactid="177"><!-- react-text: 178 -->Data Visualization Specification<!-- /react-text --></span></div><div data-reactid="179"><a href="http://motion.ant.design" data-reactid="180">Ant Motion</a><span data-reactid="181"> - </span><span data-reactid="182"><!-- react-text: 183 -->Motion<!-- /react-text --></span></div><div data-reactid="184"><a href="http://library.ant.design/" data-reactid="185">AntD Library</a><span data-reactid="186"> - </span><span data-reactid="187"><!-- react-text: 188 -->Axure library of Ant Design<!-- /react-text --></span></div><div data-reactid="189"><a href="http://ux.ant.design" data-reactid="190">Ant UX</a><span data-reactid="191"> - </span><span data-reactid="192"><!-- react-text: 193 -->Sitemap Template<!-- /react-text --></span></div></li><li data-reactid="194"><h2 data-reactid="195"><span data-reactid="196"><!-- react-text: 197 -->Community<!-- /react-text --></span></h2><div data-reactid="198"><a rel="noopener noreferrer" href="/changelog" data-reactid="199"><span data-reactid="200"><!-- react-text: 201 -->Change Log<!-- /react-text --></span></a></div><div data-reactid="202"><a target="_blank" rel="noopener noreferrer" href="https://github.com/ant-design/ant-design/issues" data-reactid="203"><span data-reactid="204"><!-- react-text: 205 -->Feedback<!-- /react-text --></span></a></div><div data-reactid="206"><a target="_blank" rel="noopener noreferrer" href="https://gitter.im/ant-design/ant-design" data-reactid="207"><span data-reactid="208"><!-- react-text: 209 -->Chat Room<!-- /react-text --></span></a></div><div data-reactid="210"><a target="_blank" rel="noopener noreferrer" href="https://github.com/ant-design/ant-design/issues/new" data-reactid="211"><span data-reactid="212"><!-- react-text: 213 -->Bug Report<!-- /react-text --></span></a></div></li><li data-reactid="214"><div data-reactid="215"><!-- react-text: 216 -->©2016 <!-- /react-text --><span data-reactid="217"><!-- react-text: 218 -->Created by Ant UED<!-- /react-text --></span></div><div data-reactid="219"><!-- react-text: 220 -->Powered by <!-- /react-text --><a href="https://github.com/benjycui/bisheng" data-reactid="221">BiSheng</a></div><div style="margin-top:10px;" data-reactid="222"><span data-reactid="223"><!-- react-text: 224 -->Version: <!-- /react-text --></span><div class="ant-select-sm ant-select ant-select-enabled" data-reactid="225"><div class="ant-select-selection
|
|
ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="226"><div class="ant-select-selection__rendered" data-reactid="227"><div class="ant-select-selection-selected-value" title="1.11.4" style="display:block;opacity:1;" data-reactid="228">1.11.4</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="229"><b data-reactid="230"></b></span></div></div></div></li></ul></footer></div>
|
|
</div>
|
|
<script>
|
|
function isZhCN(pathname) {
|
|
return /-cn\/?$/.test(pathname);
|
|
}
|
|
function getLocalizedPathname(path, zhCN) {
|
|
var pathname = path.startsWith('/') ? path : '/' + path;
|
|
if (!zhCN) { // to enUS
|
|
return /\/?index-cn/.test(pathname) ? '/' : pathname.replace('-cn', '');
|
|
} else if (pathname === '/') {
|
|
return '/index-cn';
|
|
} else if (pathname.endsWith('/')) {
|
|
return pathname.replace(/\/$/, '-cn/');
|
|
}
|
|
return pathname + '-cn';
|
|
}
|
|
var queryString = location.search;
|
|
if (queryString) {
|
|
var pathname = location.pathname;
|
|
var isZhCNConfig = queryString.indexOf('zh-CN') > -1;
|
|
if (isZhCNConfig !== isZhCN(pathname)) {
|
|
location.pathname = getLocalizedPathname(pathname, isZhCNConfig)
|
|
}
|
|
}
|
|
</script>
|
|
<script>
|
|
// Enable Google Analytics
|
|
if (!location.port) {
|
|
/* eslint-disable */
|
|
(function (i, s, o, g, r, a, m) {
|
|
i['GoogleAnalyticsObject'] = r;
|
|
i[r] = i[r] || function () {
|
|
(i[r].q = i[r].q || []).push(arguments)
|
|
}, i[r].l = 1 * new Date();
|
|
a = s.createElement(o),
|
|
m = s.getElementsByTagName(o)[0];
|
|
a.async = 1;
|
|
a.src = g;
|
|
m.parentNode.insertBefore(a, m)
|
|
})(window, document, 'script', '//www.google-analytics.com/analytics.js', 'ga');
|
|
ga('create', 'UA-72788897-1', 'auto');
|
|
ga('send', 'pageview');
|
|
/* eslint-enable */
|
|
}
|
|
</script>
|
|
<script src="/common.js"></script>
|
|
<script src="/index.js"></script>
|
|
</body>
|
|
</html>
|