mirror of
https://github.com/wahyd4/ant-design.git
synced 2026-08-13 23:07:49 +10:00
110 lines
28 KiB
HTML
110 lines
28 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 - A UI Design Language</title>
|
||
<script>
|
||
(function() {
|
||
function isLocalStorageNameSupported() {
|
||
var testKey = 'test';
|
||
var storage = window.localStorage;
|
||
try {
|
||
storage.setItem(testKey, '1');
|
||
storage.removeItem(testKey);
|
||
return true;
|
||
} catch (error) {
|
||
return false;
|
||
}
|
||
}
|
||
// 优先级提高到所有静态资源的前面，语言不对，加载其他静态资源没意义
|
||
var pathname = location.pathname;
|
||
|
||
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';
|
||
}
|
||
|
||
// 兼容旧的 URL， `?locale=...`
|
||
var queryString = location.search;
|
||
if (queryString) {
|
||
var isZhCNConfig = queryString.indexOf('zh-CN') > -1;
|
||
if (isZhCNConfig && !isZhCN(pathname)) {
|
||
location.pathname = getLocalizedPathname(pathname, isZhCNConfig)
|
||
}
|
||
}
|
||
|
||
// 首页无视链接里面的语言设置 https://github.com/ant-design/ant-design/issues/4552
|
||
if (isLocalStorageNameSupported() && (pathname === '/' || pathname === '/index-cn')) {
|
||
var lang = (window.localStorage && localStorage.getItem('locale')) || (navigator.language.toLowerCase() === 'zh-cn' ? 'zh-CN' : 'en-US');
|
||
// safari is 'zh-cn', while other browser is 'zh-CN';
|
||
if ((lang === 'zh-CN') !== isZhCN(pathname)) {
|
||
location.pathname = getLocalizedPathname(pathname, lang === 'zh-CN');
|
||
}
|
||
}
|
||
document.documentElement.className += isZhCN(pathname) ? 'zh-cn' : 'en-us';
|
||
})()
|
||
</script>
|
||
<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.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>');
|
||
}
|
||
// 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>
|
||
</head>
|
||
<body>
|
||
<div id="react-content">
|
||
<div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="-2124453764"><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-5 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 class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 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"><!-- react-text: 19 --><!-- /react-text --><!-- react-text: 20 --> <!-- /react-text --></span></div></li></ul></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="21"><b data-reactid="22"></b></span></div></div></div><button type="button" class="ant-btn ant-btn-ghost ant-btn-sm lang" data-reactid="23"><span data-reactid="24">中文</span></button><div class="ant-select-sm version ant-select ant-select-enabled" data-reactid="25"><div class="ant-select-selection
|
||
ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.8.1" style="display:block;opacity:1;" data-reactid="28">2.8.1</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/" data-reactid="33"><span data-reactid="34">Home</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="35"><a href="/docs/spec/introduce" data-reactid="36"><span data-reactid="37">Specification</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="38"><a href="/docs/react/introduce" data-reactid="39"><span data-reactid="40">Components</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation" data-reactid="42"><span data-reactid="43">Pattern</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download" data-reactid="45"><span data-reactid="46">Resource</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/spec/introduce" data-reactid="52">Ant Design</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/spec/cases" data-reactid="54">Cases</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/spec/feature" data-reactid="56">Features</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu-selected ant-menu-submenu" data-reactid="57"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="Principles$Menu" aria-haspopup="true" data-reactid="58"><h4 data-reactid="59">Principles</h4></div><ul class="ant-menu ant-menu-inline ant-menu-sub" role="menu" aria-activedescendant="" id="Principles$Menu" data-reactid="60"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/docs/spec/principle" data-reactid="62">Introduction</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/spec/proximity" data-reactid="64">Proximity</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/spec/alignment" data-reactid="66">Alignment</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="67"><a href="/docs/spec/contrast" data-reactid="68">Contrast</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="69"><a href="/docs/spec/repetition" data-reactid="70">Repetition</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="71"><a href="/docs/spec/direct" data-reactid="72">Make it Direct</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="73"><a href="/docs/spec/lightweight" data-reactid="74">Keep it Lightweight</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="75"><a href="/docs/spec/stay" data-reactid="76">Stay on the Page</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="77"><a href="/docs/spec/invitation" data-reactid="78">Provide an Invitation</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="79"><a href="/docs/spec/transition" data-reactid="80">Use Transition</a></li><li style="padding-left:48px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="81"><a href="/docs/spec/reaction" data-reactid="82">React Immediately</a></li></ul></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu" data-reactid="83"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="Design Fundamental$Menu" aria-haspopup="true" data-reactid="84"><h4 data-reactid="85">Design Fundamental</h4></div><ul class="ant-menu ant-menu-inline ant-menu-sub" role="menu" aria-activedescendant="" id="Design Fundamental$Menu" data-reactid="86"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="87"><a href="/docs/spec/font" data-reactid="88">Font</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/docs/spec/typography" data-reactid="90">Typography</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="91"><a href="/docs/spec/colors" data-reactid="92">Colors</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="93"><a href="/docs/spec/layout" data-reactid="94">Layout</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="95"><a href="/docs/spec/motion" data-reactid="96">Motion</a></li></ul></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="97"><article class="markdown" data-reactid="98"><h1 data-reactid="99"><!-- react-text: 100 -->React Immediately<!-- /react-text --><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/docs/spec/reaction.en-US.md" data-reactid="101"><i class="anticon anticon-edit" data-reactid="102"></i></a></h1><section class="markdown" data-reactid="103"><p data-reactid="104"><!-- react-text: 105 -->Invitations are powerful because they directly address discoverability and provide feedback before an interaction happens. Transitions are useful because they provide visual feedback during an interaction. But another class of feedback exists. It is the feedback that happens immediately after each interaction with the system, an immediate reaction paired with the user’s action.<!-- /react-text --></p><p data-reactid="106"><!-- react-text: 107 -->While we can’t literally extend Newton’s law to the world of user interfaces, we certainly can apply this principle to the way we should interact with users. When users click on a button, they expect the button to depress. When they type in a field, they expect to see characters show up in the text box. When they make a mistake, they want the application to tell them where they goofed.<!-- /react-text --></p><p data-reactid="108"><!-- react-text: 109 -->While there is a possibility of too much feedback (or, more accurately, too much of the wrong feedback—a concept we will discuss in the upcoming chapters), a system with little or no feedback feels sluggish and thickheaded.<!-- /react-text --></p><blockquote data-reactid="110"><p data-reactid="111"><strong data-reactid="112"><!-- react-text: 113 --> Newton’s Third Law of Motion <!-- /react-text --></strong><!-- react-text: 114 -->: For every action, there is an equal and opposite reaction, from Wikipedia.<!-- /react-text --></p></blockquote></section><section class="toc" data-reactid="115"><ul data-reactid="116"><li data-reactid="117"><a class="bisheng-toc-h2" href="#Lookup-Patterns" data-reactid="118"><!-- react-text: 119 -->Lookup Patterns<!-- /react-text --></a></li><li data-reactid="120"><a class="bisheng-toc-h2" href="#Live-Suggest" data-reactid="121"><!-- react-text: 122 -->Live Suggest<!-- /react-text --></a></li></ul></section><section class="markdown" data-reactid="123"><h2 id="Lookup-Patterns" data-reactid="124"><span data-reactid="125"><!-- react-text: 126 -->Lookup Patterns<!-- /react-text --></span><a href="#Lookup-Patterns" class="anchor" data-reactid="127">#</a></h2><div class="preview-image-boxes clearfix" data-reactid="128"><div class="preview-image-box" data-reactid="129"><div class="preview-image-wrapper false false" data-reactid="130"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/fgQfkNakHrUiAun.png" alt="example of Certain Category" data-reactid="131"/></div><div class="preview-image-title" data-reactid="132">example of Certain Category</div><div class="preview-image-description" data-reactid="133">The keyword of the user query is only displayed in three categories, Topics, Questions and Articles.</div><!-- react-empty: 134 --></div></div><div class="preview-image-boxes clearfix" data-reactid="135"><div class="preview-image-box" data-reactid="136"><div class="preview-image-wrapper false false" data-reactid="137"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/hUfCsXwnOsVlskl.png" alt="example of Uncertain Category" data-reactid="138"/></div><div class="preview-image-title" data-reactid="139">example of Uncertain Category</div><div class="preview-image-description" data-reactid="140">The number of categories the keyword of the user query belongs to is uncetain.</div><!-- react-empty: 141 --></div></div><p data-reactid="142"><!-- react-text: 143 -->Auto Complete: As the user types input into a field, a drop-down menu of matching values is displayed.
|
||
Depending on the categories of search results, it can be divided into two types, Certain Category and Uncertain Category.<!-- /react-text --></p><p data-reactid="144"><br data-reactid="145"/></p><div class="preview-image-boxes clearfix" data-reactid="146"><div class="preview-image-box" data-reactid="147"><div class="preview-image-wrapper false false" data-reactid="148"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/OyJCVmOigyXKWCf.png" alt="example of Live Search" data-reactid="149"/></div><div class="preview-image-title" data-reactid="150">example of Live Search</div><div class="preview-image-description" data-reactid="151">When the user type a search value, the system instantly displays the search results.</div><!-- react-empty: 152 --></div></div><p data-reactid="153"><!-- react-text: 154 -->Live Suggest: Live Suggest provides real-time search term suggestions for creating a search.<!-- /react-text --></p><p data-reactid="155"><br data-reactid="156"/></p><p data-reactid="157"><!-- react-text: 158 -->Refining Search: Refining Search provides a set of live filters that allow the search results to be tuned in real time. Learn more on <!-- /react-text --><a href="/docs/pattern/advanced-search" data-reactid="159">Pattern/Advanced Search</a><!-- react-text: 160 -->.<!-- /react-text --></p><p data-reactid="161"><br data-reactid="162"/></p><hr data-reactid="163"/><h2 id="Live-Suggest" data-reactid="164"><span data-reactid="165"><!-- react-text: 166 -->Live Suggest<!-- /react-text --></span><a href="#Live-Suggest" class="anchor" data-reactid="167">#</a></h2><div class="preview-image-boxes clearfix" data-reactid="168"><div class="preview-image-box" data-reactid="169"><div class="preview-image-wrapper false false" data-reactid="170"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/jecYhRgfbHleGDJ.png" alt="example of Live Preview" data-reactid="171"/></div><div class="preview-image-title" data-reactid="172">example of Live Preview</div><div class="preview-image-description" data-reactid="173">Depending on the type of the input from the user, the system provides instant feedback on password strength and validation.</div><!-- react-empty: 174 --></div></div><p data-reactid="175"><!-- react-text: 176 -->Live Preview: A Live Preview gives the users a glimpse beforehand of how the application will interpret their input once submitted.<!-- /react-text --></p><blockquote data-reactid="177"><p data-reactid="178"><!-- react-text: 179 -->Note: An ounce of prevention is worth a pound of cure. Use Live Previews to prevent errors.<!-- /react-text --></p></blockquote><p data-reactid="180"><br data-reactid="181"/></p><p data-reactid="182"><!-- react-text: 183 -->Progressive Disclosure: When users are faced with a series of steps, it is often best to provide hints only when they are needed, instead of cluttering the interface by displaying all the hints at once. Learn more cases on <!-- /react-text --><a href="/docs/spec/stay#Process-Flows" data-reactid="184">Stay on the Page/Progressive Disclosure</a><!-- react-text: 185 -->。<!-- /react-text --></p><p data-reactid="186"><br data-reactid="187"/></p><div class="preview-image-boxes clearfix" data-reactid="188"><div class="preview-image-box" data-reactid="189"><div class="preview-image-wrapper false false" data-reactid="190"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/FBAZGqfeUnDlUtw.png" alt="example of Loading Button" data-reactid="191"/></div><div class="preview-image-title" data-reactid="192">example of Loading Button</div><div class="preview-image-description" data-reactid="193"></div><!-- react-empty: 194 --></div></div><div class="preview-image-boxes clearfix" data-reactid="195"><div class="preview-image-box" data-reactid="196"><div class="preview-image-wrapper false false" data-reactid="197"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/FPXsINbTgsuSStI.png" alt="example of Loading Table" data-reactid="198"/></div><div class="preview-image-title" data-reactid="199">example of Loading Table</div><div class="preview-image-description" data-reactid="200"></div><!-- react-empty: 201 --></div></div><div class="preview-image-boxes clearfix" data-reactid="202"><div class="preview-image-box" data-reactid="203"><div class="preview-image-wrapper false false" data-reactid="204"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/WJqeUHzthTXaHnW.png" alt="example of Loading List" data-reactid="205"/></div><div class="preview-image-title" data-reactid="206">example of Loading List</div><div class="preview-image-description" data-reactid="207"></div><!-- react-empty: 208 --></div></div><div class="preview-image-boxes clearfix" data-reactid="209"><div class="preview-image-box" data-reactid="210"><div class="preview-image-wrapper false false" data-reactid="211"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/qPWjexSmFfCiLVJ.png" alt="example of Loading Page" data-reactid="212"/></div><div class="preview-image-title" data-reactid="213">example of Loading Page</div><div class="preview-image-description" data-reactid="214"></div><!-- react-empty: 215 --></div></div><p data-reactid="216"><!-- react-text: 217 -->Progress Indicator: Progress Indicators keep a conversation going with the user when the rest of the interface is currently unavailable. Common Progress Indicators, such as Loading Button, Loading Table, Loading List and Loading Page, can be displayed respectively according to the frequency and importance of operation.<!-- /react-text --></p><p data-reactid="218"><br data-reactid="219"/></p><div class="preview-image-boxes clearfix" data-reactid="220"><div class="preview-image-box" data-reactid="221"><div class="preview-image-wrapper false false" data-reactid="222"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/DdmWqoqIFSCSAvq.png" alt="example of Click Refresh" data-reactid="223"/></div><div class="preview-image-title" data-reactid="224">example of Click Refresh</div><div class="preview-image-description" data-reactid="225"></div><!-- react-empty: 226 --></div></div><p data-reactid="227"><!-- react-text: 228 -->Click Refresh: Click Refresh notifies the user of fresh content and provides button or tool to refresh.<!-- /react-text --></p><p data-reactid="229"><br data-reactid="230"/></p><div class="preview-image-boxes clearfix" data-reactid="231"><div class="preview-image-box" data-reactid="232"><div class="preview-image-wrapper false false" data-reactid="233"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/guiuShsfpJzxZQx.png" alt="example of Periodic Refresh" data-reactid="234"/></div><div class="preview-image-title" data-reactid="235">example of Periodic Refresh</div><div class="preview-image-description" data-reactid="236">The added list item turns to be highlighted and get back to normal in a few seconds.</div><!-- react-empty: 237 --></div></div><p data-reactid="238"><!-- react-text: 239 -->Periodic Refresh: Periodic Refresh brings in fresh content on a periodic basis without direct user interaction.<!-- /react-text --></p></section></article></div></div><div class="ant-row" data-reactid="240"><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="241"><section class="prev-next-nav" data-reactid="242"><a class="prev-page" href="/docs/spec/transition" data-reactid="243">Use Transition</a><a class="next-page" href="/docs/spec/font" data-reactid="244">Font</a></section></div></div></div><footer id="footer" data-reactid="245"><ul data-reactid="246"><li data-reactid="247"><h2 data-reactid="248"><i class="anticon anticon-github" data-reactid="249"></i><!-- react-text: 250 --> GitHub<!-- /react-text --></h2><div data-reactid="251"><a target="_blank " href="https://github.com/ant-design/ant-design" data-reactid="252"><span data-reactid="253">Repository</span></a></div><div data-reactid="254"><a target="_blank " href="https://ant.design/docs/react/customize-theme" data-reactid="255"><span data-reactid="256">Customize Theme</span></a></div><div data-reactid="257"><a target="_blank " href="https://github.com/websemantics/awesome-ant-design" data-reactid="258"><span data-reactid="259">Awesome Ant Design</span></a></div></li><li data-reactid="260"><h2 data-reactid="261"><i class="anticon anticon-link" data-reactid="262"></i><!-- react-text: 263 --> <!-- /react-text --><span data-reactid="264">Links</span></h2><div data-reactid="265"><a href="http://mobile.ant.design" data-reactid="266">Ant Design Mobile</a><span data-reactid="267"> - </span><span data-reactid="268">Mobile UI</span></div><div data-reactid="269"><a target="_blank" rel="noopener noreferrer" href="https://github.com/dvajs/dva" data-reactid="270">dva</a><!-- react-text: 271 --> - <!-- /react-text --><span data-reactid="272">Framework</span></div><div data-reactid="273"><a target="_blank" rel="noopener noreferrer" href="https://github.com/dvajs/dva-cli" data-reactid="274">dva-cli</a><!-- react-text: 275 --> -<!-- /react-text --><span data-reactid="276">Developer Tools</span></div><div data-reactid="277"><a target="_blank" rel="noopener noreferrer" href="https://eggjs.org/" data-reactid="278">Egg</a><span data-reactid="279"> - </span><span data-reactid="280">Enterprise Node Framework</span></div><div data-reactid="281"><a target="_blank" rel="noopener noreferrer" href="https://antv.alipay.com/" data-reactid="282">AntV</a><span data-reactid="283"> - </span><span data-reactid="284">Data Visualization</span></div><div data-reactid="285"><a target="_blank" rel="noopener noreferrer" href="http://motion.ant.design" data-reactid="286">Ant Motion</a><span data-reactid="287"> - </span><span data-reactid="288">Motion Soluction</span></div><div data-reactid="289"><a target="_blank" rel="noopener noreferrer" href="http://library.ant.design/" data-reactid="290">AntD Library</a><span data-reactid="291"> - </span><span data-reactid="292">Axure library</span></div><div data-reactid="293"><a target="_blank" rel="noopener noreferrer" href="http://ux.ant.design" data-reactid="294">Ant UX</a><span data-reactid="295"> - </span><span data-reactid="296">Sitemap Template</span></div></li><li data-reactid="297"><h2 data-reactid="298"><i class="anticon anticon-customer-service" data-reactid="299"></i><!-- react-text: 300 --> <!-- /react-text --><span data-reactid="301">Community</span></h2><div data-reactid="302"><a href="/changelog" data-reactid="303"><span data-reactid="304">Change Log</span></a></div><div data-reactid="305"><a target="_blank" rel="noopener noreferrer" href="https://github.com/ant-design/ant-design/wiki/FAQ" data-reactid="306"><span data-reactid="307">FAQ</span></a></div><div data-reactid="308"><a target="_blank" rel="noopener noreferrer" href="https://gitter.im/ant-design/ant-design" data-reactid="309"><span data-reactid="310">Chat Room</span></a></div><div data-reactid="311"><a target="_blank" rel="noopener noreferrer" href="https://github.com/ant-design/ant-design/issues/new" data-reactid="312"><span data-reactid="313">Bug Report</span></a></div><div data-reactid="314"><a target="_blank" rel="noopener noreferrer" href="http://stackoverflow.com/questions/tagged/antd" data-reactid="315"><span data-reactid="316">StackOverflow</span></a></div><div data-reactid="317"><a target="_blank" rel="noopener noreferrer" href="https://segmentfault.com/t/antd" data-reactid="318"><span data-reactid="319">SegmentFault</span></a></div></li><li data-reactid="320"><h2 data-reactid="321"><!-- react-text: 322 -->Copyright © <!-- /react-text --><!-- react-text: 323 -->2017<!-- /react-text --></h2><div data-reactid="324"><span data-reactid="325">Created by Ant UED</span></div><div data-reactid="326"><!-- react-text: 327 -->Built with <!-- /react-text --><a target="_blank" rel="noopener noreferrer" href="https://github.com/benjycui/bisheng" data-reactid="328">BiSheng</a></div></li></ul></footer></div>
|
||
</div>
|
||
<script src="/common.js"></script>
|
||
<script src="/index.js"></script>
|
||
</body>
|
||
</html>
|