Files
ant-design/docs/spec/direct-cn.html
T
2017-03-11 12:51:12 +08:00

109 lines
24 KiB
HTML
Raw Blame History

This file contains invisible Unicode characters
This file contains invisible Unicode characters that are indistinguishable to humans but may be processed differently by a computer. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
<!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="-533522086"><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="/index-cn" 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">搜索组件...</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">EN</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="/index-cn" data-reactid="33"><span data-reactid="34">首页</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-cn" data-reactid="36"><span data-reactid="37">规范</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="38"><a href="/docs/react/introduce-cn" data-reactid="39"><span data-reactid="40">组件</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation-cn" data-reactid="42"><span data-reactid="43">模式</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download-cn" data-reactid="45"><span data-reactid="46">资源</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-cn" 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-cn" data-reactid="54">实践案例</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/spec/feature-cn" data-reactid="56">基本理念</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="设计原则$Menu" aria-haspopup="true" data-reactid="58"><h4 data-reactid="59">设计原则</h4></div><ul class="ant-menu ant-menu-inline ant-menu-sub" role="menu" aria-activedescendant="" id="设计原则$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-cn" data-reactid="62">引言</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/spec/proximity-cn" data-reactid="64">亲密性</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/spec/alignment-cn" data-reactid="66">对齐</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="67"><a href="/docs/spec/contrast-cn" data-reactid="68">对比</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="69"><a href="/docs/spec/repetition-cn" data-reactid="70">重复</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-cn" data-reactid="72">直截了当</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="73"><a href="/docs/spec/lightweight-cn" data-reactid="74">简化交互</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="75"><a href="/docs/spec/stay-cn" data-reactid="76">足不出户</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="77"><a href="/docs/spec/invitation-cn" data-reactid="78">提供邀请</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="79"><a href="/docs/spec/transition-cn" data-reactid="80">巧用过渡</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="81"><a href="/docs/spec/reaction-cn" data-reactid="82">即时反应</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="设计基础$Menu" aria-haspopup="true" data-reactid="84"><h4 data-reactid="85">设计基础</h4></div><ul class="ant-menu ant-menu-inline ant-menu-sub" role="menu" aria-activedescendant="" id="设计基础$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-cn" data-reactid="88">字体</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/docs/spec/typography-cn" data-reactid="90">排版</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="91"><a href="/docs/spec/colors-cn" data-reactid="92">色彩</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="93"><a href="/docs/spec/layout-cn" data-reactid="94">常用布局</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="95"><a href="/docs/spec/motion-cn" data-reactid="96">组件动画</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-text --><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/docs/spec/direct.zh-CN.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 -->正如 Alan Cooper 所言:『需要在哪里输出,就要允许在哪里输入』。这就是直接操作的原理。eg:不要为了编辑内容而打开另一个页面,应该直接在上下文中实现编辑。<!-- /react-text --></p></section><section class="toc" data-reactid="106"><ul data-reactid="107"><li data-reactid="108"><a class="bisheng-toc-h2" href="#页内编辑" data-reactid="109"><!-- react-text: 110 -->页内编辑<!-- /react-text --></a></li><li data-reactid="111"><a class="bisheng-toc-h2" href="#利用拖放" data-reactid="112"><!-- react-text: 113 -->利用拖放<!-- /react-text --></a></li></ul></section><section class="markdown" data-reactid="114"><h2 id="页内编辑" data-reactid="115"><span data-reactid="116"><!-- react-text: 117 -->页内编辑<!-- /react-text --></span><a href="#页内编辑" class="anchor" data-reactid="118">#</a></h2><div class="preview-image-boxes clearfix" data-reactid="119"><div class="preview-image-box" data-reactid="120"><div class="preview-image-wrapper false false" data-reactid="121"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/PmVuUUKeamHdveT.png" alt="单击编辑示例" data-reactid="122"/></div><div class="preview-image-title" data-reactid="123">单击编辑示例</div><div class="preview-image-description" data-reactid="124">状态一:普通的浏览模式,不区分可编辑行和不可编辑行;<br>状态二:鼠标悬停时,『指针』变为『手型』,编辑区域底色变黄,出现『Tooltips』提示单击编辑;<br>状态三:鼠标点击后,出现『输入框』、『确定』、『取消』表单元素,同时光标定位在『输入框』中。</div><!-- react-empty: 125 --></div></div><p data-reactid="126"><!-- react-text: 127 -->单字段行内编辑<!-- /react-text --></p><p data-reactid="128"><!-- react-text: 129 -->当『易读性』远比『易编辑性』重要时,可以使用『单击编辑』。<!-- /react-text --></p><p data-reactid="130"><br data-reactid="131"/></p><div class="preview-image-boxes clearfix" data-reactid="132"><div class="preview-image-box" data-reactid="133"><div class="preview-image-wrapper false false" data-reactid="134"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/ZmRlahliUbCurhu.png" alt="文字链/图标编辑示例" data-reactid="135"/></div><div class="preview-image-title" data-reactid="136">文字链/图标编辑示例</div><div class="preview-image-description" data-reactid="137">状态一:在可编辑行附近出现文字链/图标;<br>状态二:鼠标点击『编辑』后,出现『输入框』、『确定』、『取消』表单元素,同时光标定位在『输入框』中。</div><!-- react-empty: 138 --></div></div><p data-reactid="139"><!-- react-text: 140 -->当『易读性』为主,同时又要突出操作行的『易编辑性』时,可使用『文字链/图标编辑』。<!-- /react-text --></p><p data-reactid="141"><br data-reactid="142"/></p><div class="preview-image-boxes clearfix" data-reactid="143"><div class="preview-image-box" data-reactid="144"><div class="preview-image-wrapper false false" data-reactid="145"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/hGXGErepBnrwqzj.png" alt="多字段行内编辑示例" data-reactid="146"/></div><div class="preview-image-title" data-reactid="147">多字段行内编辑示例</div><div class="preview-image-description" data-reactid="148">编辑模式在不破坏整体性的前提下,可扩大空间,以便放下『输入框』等表单元素;其中,在 Table 中进行编辑模式切换时,需要保证每列的不跳动。</div><!-- react-empty: 149 --></div></div><p data-reactid="150"><!-- react-text: 151 -->多字段行内编辑<!-- /react-text --></p><blockquote data-reactid="152"><p data-reactid="153"><!-- react-text: 154 -->注:在『多字段行内编辑』的情况下,显示的内容和编辑时所需的字段会存在比较大的差异,所以更需要『巧用过渡』原则中的<!-- /react-text --><a href="../spec/transition-cn#解释刚刚发生了什么" data-reactid="155">『解释刚刚发生了什么』</a><!-- react-text: 156 -->来消除这种视觉影响。<!-- /react-text --></p></blockquote><p data-reactid="157"><br data-reactid="158"/></p><p data-reactid="159"><!-- react-text: 160 -->更多有关『页内编辑』的模式,可查看<!-- /react-text --><a href="/docs/pattern/table-cn#模块编辑" data-reactid="161">『模式/表格/交互』</a><!-- react-text: 162 -->中的内容。<!-- /react-text --></p><p data-reactid="163"><br data-reactid="164"/></p><hr data-reactid="165"/><h2 id="利用拖放" data-reactid="166"><span data-reactid="167"><!-- react-text: 168 -->利用拖放<!-- /react-text --></span><a href="#利用拖放" class="anchor" data-reactid="169">#</a></h2><div class="preview-image-boxes clearfix" data-reactid="170"><div class="preview-image-box" data-reactid="171"><div class="preview-image-wrapper false false" data-reactid="172"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/DjMFcqSxZrulbGF.png" alt="拖放列表示例" data-reactid="173"/></div><div class="preview-image-title" data-reactid="174">拖放列表示例</div><div class="preview-image-description" data-reactid="175">状态一:鼠标悬停该行时,出现可移动的『图标』;<br>状态二:鼠标悬停在该『图标』时,指针变为『手型』,点击即可进行拖动;<br>状态三:拖动到可放置区块,出现蓝色描边,告知用户该区块可放置该对象。</div><!-- react-empty: 176 --></div></div><p data-reactid="177"><!-- react-text: 178 -->拖放列表<!-- /react-text --></p><p data-reactid="179"><!-- react-text: 180 -->只能限制在一个维度(上/下或者左/右)进行拖放。<!-- /react-text --></p><p data-reactid="181"><br data-reactid="182"/></p><div class="preview-image-boxes clearfix" data-reactid="183"><div class="preview-image-box" data-reactid="184"><div class="preview-image-wrapper false false" data-reactid="185"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/KVhqdSoLUjXPXuN.png" alt="拖放图片/文件示例" data-reactid="186"/></div><div class="preview-image-title" data-reactid="187">拖放图片/文件示例</div><div class="preview-image-description" data-reactid="188"></div><!-- react-empty: 189 --></div></div><p data-reactid="190"><!-- react-text: 191 -->拖放图片/文件<!-- /react-text --></p><p data-reactid="192"><br data-reactid="193"/></p></section></article></div></div><div class="ant-row" data-reactid="194"><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="195"><section class="prev-next-nav" data-reactid="196"><a class="prev-page" href="/docs/spec/repetition-cn" data-reactid="197">重复</a><a class="next-page" href="/docs/spec/lightweight-cn" data-reactid="198">简化交互</a></section></div></div></div><footer id="footer" data-reactid="199"><ul data-reactid="200"><li data-reactid="201"><h2 data-reactid="202"><i class="anticon anticon-github" data-reactid="203"></i><!-- react-text: 204 --> GitHub<!-- /react-text --></h2><div data-reactid="205"><a target="_blank " href="https://github.com/ant-design/ant-design" data-reactid="206"><span data-reactid="207">仓库</span></a></div><div data-reactid="208"><a target="_blank " href="https://ant.design/docs/react/customize-theme" data-reactid="209"><span data-reactid="210">定制主题</span></a></div><div data-reactid="211"><a target="_blank " href="https://github.com/websemantics/awesome-ant-design" data-reactid="212"><span data-reactid="213">Awesome Ant Design</span></a></div></li><li data-reactid="214"><h2 data-reactid="215"><i class="anticon anticon-link" data-reactid="216"></i><!-- react-text: 217 --> <!-- /react-text --><span data-reactid="218">相关站点</span></h2><div data-reactid="219"><a href="http://mobile.ant.design" data-reactid="220">Ant Design Mobile</a><span data-reactid="221"> - </span><span data-reactid="222">移动版</span></div><div data-reactid="223"><a target="_blank" rel="noopener noreferrer" href="https://github.com/dvajs/dva" data-reactid="224">dva</a><!-- react-text: 225 --> - <!-- /react-text --><span data-reactid="226">应用框架</span></div><div data-reactid="227"><a target="_blank" rel="noopener noreferrer" href="https://github.com/dvajs/dva-cli" data-reactid="228">dva-cli</a><!-- react-text: 229 --> -<!-- /react-text --><span data-reactid="230">开发工具</span></div><div data-reactid="231"><a target="_blank" rel="noopener noreferrer" href="https://eggjs.org/" data-reactid="232">Egg</a><span data-reactid="233"> - </span><span data-reactid="234">企业级 Node 开发框架</span></div><div data-reactid="235"><a target="_blank" rel="noopener noreferrer" href="https://antv.alipay.com/" data-reactid="236">AntV</a><span data-reactid="237"> - </span><span data-reactid="238">数据可视化</span></div><div data-reactid="239"><a target="_blank" rel="noopener noreferrer" href="http://motion.ant.design" data-reactid="240">Ant Motion</a><span data-reactid="241"> - </span><span data-reactid="242">设计动效</span></div><div data-reactid="243"><a target="_blank" rel="noopener noreferrer" href="http://library.ant.design/" data-reactid="244">AntD Library</a><span data-reactid="245"> - </span><span data-reactid="246">Axure 部件库</span></div><div data-reactid="247"><a target="_blank" rel="noopener noreferrer" href="http://ux.ant.design" data-reactid="248">Ant UX</a><span data-reactid="249"> - </span><span data-reactid="250">页面逻辑素材</span></div></li><li data-reactid="251"><h2 data-reactid="252"><i class="anticon anticon-customer-service" data-reactid="253"></i><!-- react-text: 254 --> <!-- /react-text --><span data-reactid="255">社区</span></h2><div data-reactid="256"><a href="/changelog" data-reactid="257"><span data-reactid="258">更新记录</span></a></div><div data-reactid="259"><a target="_blank" rel="noopener noreferrer" href="https://github.com/ant-design/ant-design/wiki/FAQ" data-reactid="260"><span data-reactid="261">常见问题</span></a></div><div data-reactid="262"><a target="_blank" rel="noopener noreferrer" href="https://gitter.im/ant-design/ant-design" data-reactid="263"><span data-reactid="264">在线讨论</span></a></div><div data-reactid="265"><a target="_blank" rel="noopener noreferrer" href="https://github.com/ant-design/ant-design/issues/new" data-reactid="266"><span data-reactid="267">报告 Bug</span></a></div><div data-reactid="268"><a target="_blank" rel="noopener noreferrer" href="http://stackoverflow.com/questions/tagged/antd" data-reactid="269"><span data-reactid="270">StackOverflow</span></a></div><div data-reactid="271"><a target="_blank" rel="noopener noreferrer" href="https://segmentfault.com/t/antd" data-reactid="272"><span data-reactid="273">SegmentFault</span></a></div></li><li data-reactid="274"><h2 data-reactid="275"><!-- react-text: 276 -->Copyright © <!-- /react-text --><!-- react-text: 277 -->2017<!-- /react-text --></h2><div data-reactid="278"><span data-reactid="279">蚂蚁金服体验技术部出品</span></div><div data-reactid="280"><!-- react-text: 281 -->Built with <!-- /react-text --><a target="_blank" rel="noopener noreferrer" href="https://github.com/benjycui/bisheng" data-reactid="282">BiSheng</a></div></li></ul></footer></div>
</div>
<script src="/common.js"></script>
<script src="/index.js"></script>
</body>
</html>