mirror of
https://github.com/wahyd4/ant-design.git
synced 2026-08-13 23:07:49 +10:00
110 lines
25 KiB
HTML
110 lines
25 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="349697519"><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-selected ant-menu-item" role="menuitem" aria-selected="true" 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" role="menuitem" aria-selected="false" 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 -->Make it Direct<!-- /react-text --><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/docs/spec/direct.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 -->As Alan Cooper states：『Where there is output, let there be input』. This is the principle of direct manipulation. eg：Instead of editing content on a separate page, do it directly in context. <!-- /react-text --></p></section><section class="toc" data-reactid="106"><ul data-reactid="107"><li data-reactid="108"><a class="bisheng-toc-h2" href="#In-Page-Editing" data-reactid="109"><!-- react-text: 110 -->In-Page Editing<!-- /react-text --></a></li><li data-reactid="111"><a class="bisheng-toc-h2" href="#Drag-and-Drop" data-reactid="112"><!-- react-text: 113 -->Drag and Drop<!-- /react-text --></a></li><li data-reactid="114"><a class="bisheng-toc-h2" href="#Direct-Selection（Coming-Soon）" data-reactid="115"><span class="waiting" data-reactid="116"><!-- react-text: 117 -->Direct Selection（Coming Soon）<!-- /react-text --></span></a></li></ul></section><section class="markdown" data-reactid="118"><h2 id="In-Page-Editing" data-reactid="119"><span data-reactid="120"><!-- react-text: 121 -->In-Page Editing<!-- /react-text --></span><a href="#In-Page-Editing" class="anchor" data-reactid="122">#</a></h2><div class="preview-image-boxes clearfix" data-reactid="123"><div class="preview-image-box" data-reactid="124"><div class="preview-image-wrapper false false" data-reactid="125"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/PmVuUUKeamHdveT.png" alt="Example of click to edit" data-reactid="126"/></div><div class="preview-image-title" data-reactid="127">Example of click to edit</div><div class="preview-image-description" data-reactid="128">Status 1: Common browsing mode, do not distinguish between editable and non-editable lines；<br>Status 2: On mouse hover, the background is backlit with yellow. A tool tip invites the user to “Click to edit”；<br>Status 3: Once the user clicks on the title, the form elements 『Input box』, 『Ok』 and 『Cancel』 appear, and the cursor is positioned in the 『input box』.</div><!-- react-empty: 129 --></div></div><p data-reactid="130"><!-- react-text: 131 -->Single-Field Inline Edit<!-- /react-text --></p><p data-reactid="132"><!-- react-text: 133 -->If 『readability』 is more important than 『editability』, 『click to edit』 can be used.<!-- /react-text --></p><p data-reactid="134"><br data-reactid="135"/></p><div class="preview-image-boxes clearfix" data-reactid="136"><div class="preview-image-box" data-reactid="137"><div class="preview-image-wrapper false false" data-reactid="138"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/ZmRlahliUbCurhu.png" alt="Example of Text link/Icon Edit" data-reactid="139"/></div><div class="preview-image-title" data-reactid="140">Example of Text link/Icon Edit</div><div class="preview-image-description" data-reactid="141">Status 1: Text link/icon appears near the editable line.；<br>Status 2: Once the mouse clicks 『edit』,the form elements 『Input box』, 『Ok』 and 『Cancel』 appear, and the cursor is positioned in the 『input box』.
|
||
</div><!-- react-empty: 142 --></div></div><p data-reactid="143"><!-- react-text: 144 -->If the priority is given to 『readability』 and the 『editability』 of operation lines need to be highlighted at the same time, 『text link/icon edit』can be used.<!-- /react-text --></p><p data-reactid="145"><br data-reactid="146"/></p><div class="preview-image-boxes clearfix" data-reactid="147"><div class="preview-image-box" data-reactid="148"><div class="preview-image-wrapper false false" data-reactid="149"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/hGXGErepBnrwqzj.png" alt="Example of Multi-Field Inline Edit" data-reactid="150"/></div><div class="preview-image-title" data-reactid="151">Example of Multi-Field Inline Edit</div><div class="preview-image-description" data-reactid="152">Edit mode without destroying integrity can enlarge the space in order to put down the 『Input box』 and other form elements. Besides, when switching the edit mode in the Table, it is necessary to ensure that each column does not beat.</div><!-- react-empty: 153 --></div></div><p data-reactid="154"><!-- react-text: 155 -->Multi-Field Inline Edit<!-- /react-text --></p><blockquote data-reactid="156"><p data-reactid="157"><!-- react-text: 158 -->Note：In『Multi-Field Inline Edit』，there are huge different between the content and required field，So it is more needed to use the <!-- /react-text --><a href="../spec/transition#解释刚刚发生了什么" data-reactid="159">『Explain What Just Happened』</a><!-- react-text: 160 --> in 『Use Transition』to eliminate this visual effects.<!-- /react-text --></p></blockquote><p data-reactid="161"><br data-reactid="162"/></p><p data-reactid="163"><!-- react-text: 164 -->More mode of 『In-page Edit』 ，please visit <!-- /react-text --><a href="/docs/pattern/table#模块编辑" data-reactid="165">『Mode／Table／Interaction』</a></p><p data-reactid="166"><br data-reactid="167"/></p><hr data-reactid="168"/><h2 id="Drag-and-Drop" data-reactid="169"><span data-reactid="170"><!-- react-text: 171 -->Drag and Drop<!-- /react-text --></span><a href="#Drag-and-Drop" class="anchor" data-reactid="172">#</a></h2><div class="preview-image-boxes clearfix" data-reactid="173"><div class="preview-image-box" data-reactid="174"><div class="preview-image-wrapper false false" data-reactid="175"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/DjMFcqSxZrulbGF.png" alt="Example of Drag and Drop List" data-reactid="176"/></div><div class="preview-image-title" data-reactid="177">Example of Drag and Drop List</div><div class="preview-image-description" data-reactid="178">Status 1: On mouse hover,a removable 『icon』 appears.；<br>Status 2： When hovering over the 『icon』，the pointer changes into a 『hand』， click-and-drag operation can be used；<br>Status 3：Drag target to the placeable block. When blue stroke appears, inform user that object can be placed in the block.</div><!-- react-empty: 179 --></div></div><p data-reactid="180"><!-- react-text: 181 -->Drag and Drop List<!-- /react-text --></p><p data-reactid="182"><!-- react-text: 183 -->Drag and Drop can only limited in one dimension（upper/down or left/right）<!-- /react-text --></p><p data-reactid="184"><br data-reactid="185"/></p><div class="preview-image-boxes clearfix" data-reactid="186"><div class="preview-image-box" data-reactid="187"><div class="preview-image-wrapper false false" data-reactid="188"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/KVhqdSoLUjXPXuN.png" alt="Example of Drag and Drop picture/file" data-reactid="189"/></div><div class="preview-image-title" data-reactid="190">Example of Drag and Drop picture/file</div><div class="preview-image-description" data-reactid="191"></div><!-- react-empty: 192 --></div></div><p data-reactid="193"><!-- react-text: 194 -->Drag and Drop picture/file<!-- /react-text --></p><p data-reactid="195"><br data-reactid="196"/></p><p data-reactid="197"><span class="waiting" data-reactid="198"><!-- react-text: 199 -->Drag and Drop Object（Coming Soon）<!-- /react-text --></span></p><p data-reactid="200"><span class="waiting" data-reactid="201"><!-- react-text: 202 -->Drag and Drop Multi-Objects（Coming Soon）<!-- /react-text --></span></p><p data-reactid="203"><br data-reactid="204"/></p><hr data-reactid="205"/><h2 id="Direct-Selection（Coming-Soon）" data-reactid="206"><span data-reactid="207"><span class="waiting" data-reactid="208"><!-- react-text: 209 -->Direct Selection（Coming Soon）<!-- /react-text --></span></span><a href="#Direct-Selection（Coming-Soon）" class="anchor" data-reactid="210">#</a></h2></section></article></div></div><div class="ant-row" data-reactid="211"><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="212"><section class="prev-next-nav" data-reactid="213"><a class="prev-page" href="/docs/spec/repetition" data-reactid="214">Repetition</a><a class="next-page" href="/docs/spec/lightweight" data-reactid="215">Keep it Lightweight</a></section></div></div></div><footer id="footer" data-reactid="216"><ul data-reactid="217"><li data-reactid="218"><h2 data-reactid="219"><i class="anticon anticon-github" data-reactid="220"></i><!-- react-text: 221 --> GitHub<!-- /react-text --></h2><div data-reactid="222"><a target="_blank " href="https://github.com/ant-design/ant-design" data-reactid="223"><span data-reactid="224">Repository</span></a></div><div data-reactid="225"><a target="_blank " href="https://ant.design/docs/react/customize-theme" data-reactid="226"><span data-reactid="227">Customize Theme</span></a></div><div data-reactid="228"><a target="_blank " href="https://github.com/websemantics/awesome-ant-design" data-reactid="229"><span data-reactid="230">Awesome Ant Design</span></a></div></li><li data-reactid="231"><h2 data-reactid="232"><i class="anticon anticon-link" data-reactid="233"></i><!-- react-text: 234 --> <!-- /react-text --><span data-reactid="235">Links</span></h2><div data-reactid="236"><a href="http://mobile.ant.design" data-reactid="237">Ant Design Mobile</a><span data-reactid="238"> - </span><span data-reactid="239">Mobile UI</span></div><div data-reactid="240"><a target="_blank" rel="noopener noreferrer" href="https://github.com/dvajs/dva" data-reactid="241">dva</a><!-- react-text: 242 --> - <!-- /react-text --><span data-reactid="243">Framework</span></div><div data-reactid="244"><a target="_blank" rel="noopener noreferrer" href="https://github.com/dvajs/dva-cli" data-reactid="245">dva-cli</a><!-- react-text: 246 --> -<!-- /react-text --><span data-reactid="247">Developer Tools</span></div><div data-reactid="248"><a target="_blank" rel="noopener noreferrer" href="https://eggjs.org/" data-reactid="249">Egg</a><span data-reactid="250"> - </span><span data-reactid="251">Enterprise Node Framework</span></div><div data-reactid="252"><a target="_blank" rel="noopener noreferrer" href="https://antv.alipay.com/" data-reactid="253">AntV</a><span data-reactid="254"> - </span><span data-reactid="255">Data Visualization</span></div><div data-reactid="256"><a target="_blank" rel="noopener noreferrer" href="http://motion.ant.design" data-reactid="257">Ant Motion</a><span data-reactid="258"> - </span><span data-reactid="259">Motion Soluction</span></div><div data-reactid="260"><a target="_blank" rel="noopener noreferrer" href="http://library.ant.design/" data-reactid="261">AntD Library</a><span data-reactid="262"> - </span><span data-reactid="263">Axure library</span></div><div data-reactid="264"><a target="_blank" rel="noopener noreferrer" href="http://ux.ant.design" data-reactid="265">Ant UX</a><span data-reactid="266"> - </span><span data-reactid="267">Sitemap Template</span></div></li><li data-reactid="268"><h2 data-reactid="269"><i class="anticon anticon-customer-service" data-reactid="270"></i><!-- react-text: 271 --> <!-- /react-text --><span data-reactid="272">Community</span></h2><div data-reactid="273"><a href="/changelog" data-reactid="274"><span data-reactid="275">Change Log</span></a></div><div data-reactid="276"><a target="_blank" rel="noopener noreferrer" href="https://github.com/ant-design/ant-design/wiki/FAQ" data-reactid="277"><span data-reactid="278">FAQ</span></a></div><div data-reactid="279"><a target="_blank" rel="noopener noreferrer" href="https://gitter.im/ant-design/ant-design" data-reactid="280"><span data-reactid="281">Chat Room</span></a></div><div data-reactid="282"><a target="_blank" rel="noopener noreferrer" href="https://github.com/ant-design/ant-design/issues/new" data-reactid="283"><span data-reactid="284">Bug Report</span></a></div><div data-reactid="285"><a target="_blank" rel="noopener noreferrer" href="http://stackoverflow.com/questions/tagged/antd" data-reactid="286"><span data-reactid="287">StackOverflow</span></a></div><div data-reactid="288"><a target="_blank" rel="noopener noreferrer" href="https://segmentfault.com/t/antd" data-reactid="289"><span data-reactid="290">SegmentFault</span></a></div></li><li data-reactid="291"><h2 data-reactid="292"><!-- react-text: 293 -->Copyright © <!-- /react-text --><!-- react-text: 294 -->2017<!-- /react-text --></h2><div data-reactid="295"><span data-reactid="296">Created by Ant UED</span></div><div data-reactid="297"><!-- react-text: 298 -->Built with <!-- /react-text --><a target="_blank" rel="noopener noreferrer" href="https://github.com/benjycui/bisheng" data-reactid="299">BiSheng</a></div></li></ul></footer></div>
|
||
</div>
|
||
<script src="/common.js"></script>
|
||
<script src="/index.js"></script>
|
||
</body>
|
||
</html>
|