home/ant-design
2
0
Fork 0
mirror of https://github.com/wahyd4/ant-design.git synced 2026-08-22 19:28:47 +10:00
Code Issues Packages Projects Releases Wiki Activity
Files
b44bdc331feee58b17777054ad0af4d645ea816a
ant-design/docs/react/introduce-cn.html
T
Benjy Cui 21ce9ff87d Updates
2017-05-05 18:20:01 +08:00

148 lines
53 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-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>');
}
// 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>
<!-- Hotjar Tracking Code for ant.design -->
<script>
(function(h,o,t,j,a,r){
h.hj=h.hj||function(){(h.hj.q=h.hj.q||[]).push(arguments)};
h._hjSettings={hjid:473408,hjsv:5};
a=o.getElementsByTagName('head')[0];
r=o.createElement('script');r.async=1;
r.src=t+h._hjSettings.hjid+j+h._hjSettings.hjsv;
a.appendChild(r);
})(window,document,'//static.hotjar.com/c/hotjar-','.js?sv=');
</script>
</head>
<body>
<div id="react-content">
<div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="-1005966712"><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.10.0" style="display:block;opacity:1;" data-reactid="28">2.10.0</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" role="menuitem" aria-selected="false" data-reactid="35"><a href="/docs/spec/introduce-cn" data-reactid="36"><span data-reactid="37">指引</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" 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-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="51"><a href="/docs/react/introduce-cn" data-reactid="52">Ant Design of React</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/react/getting-started-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/react/practical-projects-cn" data-reactid="56">项目实战</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="57"><a href="/docs/react/use-with-create-react-app-cn" data-reactid="58">在 create-react-app 中使用</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="59"><a href="/docs/react/customize-theme-cn" data-reactid="60">定制主题</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/changelog-cn" data-reactid="62">更新日志</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/react/recommendation-cn" data-reactid="64">社区精选组件</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/react/i18n-cn" data-reactid="66">国际化</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu" data-reactid="67"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="Components$Menu" aria-haspopup="true" data-reactid="68"><h4 data-reactid="69">Components</h4></div><ul class="ant-menu ant-menu-inline ant-menu-sub" role="menu" aria-activedescendant="" id="Components$Menu" data-reactid="70"><li class=" ant-menu-item-group" data-reactid="71"><div class="ant-menu-item-group-title" data-reactid="72">General</div><ul class="ant-menu-item-group-list" data-reactid="73"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="74"><a href="/components/button-cn/" data-reactid="75"><span data-reactid="76">Button</span><span class="chinese" data-reactid="77">按钮</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="78"><a href="/components/icon-cn/" data-reactid="79"><span data-reactid="80">Icon</span><span class="chinese" data-reactid="81">图标</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="82"><div class="ant-menu-item-group-title" data-reactid="83">Layout</div><ul class="ant-menu-item-group-list" data-reactid="84"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/components/grid-cn/" data-reactid="86"><span data-reactid="87">Grid</span><span class="chinese" data-reactid="88">栅格</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/components/layout-cn/" data-reactid="90"><span data-reactid="91">Layout</span><span class="chinese" data-reactid="92">布局</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="93"><div class="ant-menu-item-group-title" data-reactid="94">Navigation</div><ul class="ant-menu-item-group-list" data-reactid="95"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="96"><a href="/components/affix-cn/" data-reactid="97"><span data-reactid="98">Affix</span><span class="chinese" data-reactid="99">固钉</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="100"><a href="/components/breadcrumb-cn/" data-reactid="101"><span data-reactid="102">Breadcrumb</span><span class="chinese" data-reactid="103">面包屑</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="104"><a href="/components/back-top-cn/" data-reactid="105"><span data-reactid="106">BackTop</span><span class="chinese" data-reactid="107">回到顶部</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="108"><a href="/components/dropdown-cn/" data-reactid="109"><span data-reactid="110">Dropdown</span><span class="chinese" data-reactid="111">下拉菜单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="112"><a href="/components/menu-cn/" data-reactid="113"><span data-reactid="114">Menu</span><span class="chinese" data-reactid="115">导航菜单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="116"><a href="/components/pagination-cn/" data-reactid="117"><span data-reactid="118">Pagination</span><span class="chinese" data-reactid="119">分页</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="120"><a href="/components/steps-cn/" data-reactid="121"><span data-reactid="122">Steps</span><span class="chinese" data-reactid="123">步骤条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="124"><a href="/components/tabs-cn/" data-reactid="125"><span data-reactid="126">Tabs</span><span class="chinese" data-reactid="127">标签页</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="128"><div class="ant-menu-item-group-title" data-reactid="129">Data Entry</div><ul class="ant-menu-item-group-list" data-reactid="130"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="131"><a href="/components/auto-complete-cn/" data-reactid="132"><span data-reactid="133">AutoComplete</span><span class="chinese" data-reactid="134">自动完成</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="135"><a href="/components/cascader-cn/" data-reactid="136"><span data-reactid="137">Cascader</span><span class="chinese" data-reactid="138">级联选择</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="139"><a href="/components/checkbox-cn/" data-reactid="140"><span data-reactid="141">Checkbox</span><span class="chinese" data-reactid="142">多选框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="143"><a href="/components/date-picker-cn/" data-reactid="144"><span data-reactid="145">DatePicker</span><span class="chinese" data-reactid="146">日期选择框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="147"><a href="/components/form-cn/" data-reactid="148"><span data-reactid="149">Form</span><span class="chinese" data-reactid="150">表单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="151"><a href="/components/input-cn/" data-reactid="152"><span data-reactid="153">Input</span><span class="chinese" data-reactid="154">输入框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="155"><a href="/components/input-number-cn/" data-reactid="156"><span data-reactid="157">InputNumber</span><span class="chinese" data-reactid="158">数字输入框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="159"><a href="/components/mention-cn/" data-reactid="160"><span data-reactid="161">Mention</span><span class="chinese" data-reactid="162">提及</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="163"><a href="/components/radio-cn/" data-reactid="164"><span data-reactid="165">Radio</span><span class="chinese" data-reactid="166">单选框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="167"><a href="/components/rate-cn/" data-reactid="168"><span data-reactid="169">Rate</span><span class="chinese" data-reactid="170">评分</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="171"><a href="/components/select-cn/" data-reactid="172"><span data-reactid="173">Select</span><span class="chinese" data-reactid="174">选择器</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="175"><a href="/components/slider-cn/" data-reactid="176"><span data-reactid="177">Slider</span><span class="chinese" data-reactid="178">滑动输入条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="179"><a href="/components/switch-cn/" data-reactid="180"><span data-reactid="181">Switch</span><span class="chinese" data-reactid="182">开关</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="183"><a href="/components/transfer-cn/" data-reactid="184"><span data-reactid="185">Transfer</span><span class="chinese" data-reactid="186">穿梭框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="187"><a href="/components/time-picker-cn/" data-reactid="188"><span data-reactid="189">TimePicker</span><span class="chinese" data-reactid="190">时间选择框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="191"><a href="/components/tree-select-cn/" data-reactid="192"><span data-reactid="193">TreeSelect</span><span class="chinese" data-reactid="194">树选择</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="195"><a href="/components/upload-cn/" data-reactid="196"><span data-reactid="197">Upload</span><span class="chinese" data-reactid="198">上传</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="199"><div class="ant-menu-item-group-title" data-reactid="200">Data Display</div><ul class="ant-menu-item-group-list" data-reactid="201"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="202"><a href="/components/badge-cn/" data-reactid="203"><span data-reactid="204">Badge</span><span class="chinese" data-reactid="205">徽标数</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="206"><a href="/components/calendar-cn/" data-reactid="207"><span data-reactid="208">Calendar</span><span class="chinese" data-reactid="209">日历</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="210"><a href="/components/card-cn/" data-reactid="211"><span data-reactid="212">Card</span><span class="chinese" data-reactid="213">卡片</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="214"><a href="/components/carousel-cn/" data-reactid="215"><span data-reactid="216">Carousel</span><span class="chinese" data-reactid="217">走马灯</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="218"><a href="/components/collapse-cn/" data-reactid="219"><span data-reactid="220">Collapse</span><span class="chinese" data-reactid="221">折叠面板</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="222"><a href="/components/popover-cn/" data-reactid="223"><span data-reactid="224">Popover</span><span class="chinese" data-reactid="225">气泡卡片</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="226"><a href="/components/tooltip-cn/" data-reactid="227"><span data-reactid="228">Tooltip</span><span class="chinese" data-reactid="229">文字提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="230"><a href="/components/table-cn/" data-reactid="231"><span data-reactid="232">Table</span><span class="chinese" data-reactid="233">表格</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="234"><a href="/components/tag-cn/" data-reactid="235"><span data-reactid="236">Tag</span><span class="chinese" data-reactid="237">标签</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="238"><a href="/components/timeline-cn/" data-reactid="239"><span data-reactid="240">Timeline</span><span class="chinese" data-reactid="241">时间轴</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="242"><a href="/components/tree-cn/" data-reactid="243"><span data-reactid="244">Tree</span><span class="chinese" data-reactid="245">树形控件</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="246"><div class="ant-menu-item-group-title" data-reactid="247">Feedback</div><ul class="ant-menu-item-group-list" data-reactid="248"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="249"><a href="/components/alert-cn/" data-reactid="250"><span data-reactid="251">Alert</span><span class="chinese" data-reactid="252">警告提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="253"><a href="/components/modal-cn/" data-reactid="254"><span data-reactid="255">Modal</span><span class="chinese" data-reactid="256">对话框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="257"><a href="/components/message-cn/" data-reactid="258"><span data-reactid="259">Message</span><span class="chinese" data-reactid="260">全局提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="261"><a href="/components/notification-cn/" data-reactid="262"><span data-reactid="263">Notification</span><span class="chinese" data-reactid="264">通知提醒框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="265"><a href="/components/progress-cn/" data-reactid="266"><span data-reactid="267">Progress</span><span class="chinese" data-reactid="268">进度条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="269"><a href="/components/popconfirm-cn/" data-reactid="270"><span data-reactid="271">Popconfirm</span><span class="chinese" data-reactid="272">气泡确认框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="273"><a href="/components/spin-cn/" data-reactid="274"><span data-reactid="275">Spin</span><span class="chinese" data-reactid="276">加载中</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="277"><div class="ant-menu-item-group-title" data-reactid="278">Other</div><ul class="ant-menu-item-group-list" data-reactid="279"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="280"><a href="/components/anchor-cn/" data-reactid="281"><span data-reactid="282">Anchor</span><span class="chinese" data-reactid="283">锚点</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="284"><a href="/components/locale-provider-cn/" data-reactid="285"><span data-reactid="286">LocaleProvider</span><span class="chinese" data-reactid="287">国际化</span></a></li></ul></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="288"><article class="markdown" data-reactid="289"><h1 data-reactid="290"><!-- react-text: 291 -->Ant Design of React<!-- /react-text --><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/docs/react/introduce.zh-CN.md" data-reactid="292"><i class="anticon anticon-edit" data-reactid="293"></i></a></h1><section class="markdown" data-reactid="294"><p data-reactid="295"><!-- react-text: 296 -->这里是 Ant Design 的 React 实现，开发和服务于企业级后台产品。<!-- /react-text --></p><div class="pic-plus" data-reactid="297"><img width="150" src="https://t.alipayobjects.com/images/rmsweb/T11aVgXc4eXXXXXXXX.svg" data-reactid="298"/><span data-reactid="299"><!-- react-text: 300 -->+<!-- /react-text --></span><img width="160" src="https://t.alipayobjects.com/images/rmsweb/T16xRhXkxbXXXXXXXX.svg" data-reactid="301"/></div><style data-reactid="302">
.pic-plus > * {
display: inline-block!important;
vertical-align: middle;
}
.pic-plus span {
font-size: 30px;
color: #aaa;
margin: 0 20px;
}
</style></section><section class="toc" data-reactid="303"><ul data-reactid="304"><li data-reactid="305"><a class="bisheng-toc-h2" href="#特性" title="特性" data-reactid="306"><!-- react-text: 307 -->特性<!-- /react-text --></a></li><li data-reactid="308"><a class="bisheng-toc-h2" href="#支持环境" title="支持环境" data-reactid="309"><!-- react-text: 310 -->支持环境<!-- /react-text --></a></li><li data-reactid="311"><a class="bisheng-toc-h2" href="#版本" title="版本" data-reactid="312"><!-- react-text: 313 -->版本<!-- /react-text --></a></li><li data-reactid="314"><a class="bisheng-toc-h2" href="#安装" title="安装" data-reactid="315"><!-- react-text: 316 -->安装<!-- /react-text --></a></li><li data-reactid="317"><a class="bisheng-toc-h2" href="#示例" title="示例" data-reactid="318"><!-- react-text: 319 -->示例<!-- /react-text --></a></li><li data-reactid="320"><a class="bisheng-toc-h2" href="#链接" title="链接" data-reactid="321"><!-- react-text: 322 -->链接<!-- /react-text --></a></li><li data-reactid="323"><a class="bisheng-toc-h2" href="#谁在使用" title="谁在使用" data-reactid="324"><!-- react-text: 325 -->谁在使用<!-- /react-text --></a></li><li data-reactid="326"><a class="bisheng-toc-h2" href="#如何贡献" title="如何贡献" data-reactid="327"><!-- react-text: 328 -->如何贡献<!-- /react-text --></a></li><li data-reactid="329"><a class="bisheng-toc-h2" href="#社区互助" title="社区互助" data-reactid="330"><!-- react-text: 331 -->社区互助<!-- /react-text --></a></li></ul></section><section class="markdown" data-reactid="332"><h2 id="特性" data-reactid="333"><span data-reactid="334"><!-- react-text: 335 -->特性<!-- /react-text --></span><a href="#特性" class="anchor" data-reactid="336">#</a></h2><ul data-reactid="337"><li data-reactid="338"><p data-reactid="339"><!-- react-text: 340 -->提炼自企业级中后台产品的交互语言和视觉风格。<!-- /react-text --></p></li><li data-reactid="341"><p data-reactid="342"><!-- react-text: 343 -->开箱即用的高质量 React 组件。<!-- /react-text --></p></li><li data-reactid="344"><p data-reactid="345"><!-- react-text: 346 -->使用 TypeScript 构建，提供完整的类型定义文件。<!-- /react-text --></p></li><li data-reactid="347"><p data-reactid="348"><!-- react-text: 349 -->基于 npm + webpack + babel 的工作流，支持 ES2015 和 TypeScript。<!-- /react-text --></p></li></ul><h2 id="支持环境" data-reactid="350"><span data-reactid="351"><!-- react-text: 352 -->支持环境<!-- /react-text --></span><a href="#支持环境" class="anchor" data-reactid="353">#</a></h2><ul data-reactid="354"><li data-reactid="355"><p data-reactid="356"><!-- react-text: 357 -->现代浏览器和 IE9 及以上。<!-- /react-text --></p></li><li data-reactid="358"><p data-reactid="359"><!-- react-text: 360 -->支持服务端渲染。<!-- /react-text --></p></li><li data-reactid="361"><p data-reactid="362"><a href="http://electron.atom.io/" data-reactid="363"><!-- react-text: 364 -->Electron<!-- /react-text --></a></p></li></ul><h2 id="版本" data-reactid="365"><span data-reactid="366"><!-- react-text: 367 -->版本<!-- /react-text --></span><a href="#版本" class="anchor" data-reactid="368">#</a></h2><ul data-reactid="369"><li data-reactid="370"><p data-reactid="371"><!-- react-text: 372 -->稳定版：<!-- /react-text --><a href="https://www.npmjs.org/package/antd" data-reactid="373"><img src="https://img.shields.io/npm/v/antd.svg?style=flat-square" alt="npm package" data-reactid="374"/></a></p></li><li data-reactid="375"><p data-reactid="376"><!-- react-text: 377 -->开发版：<!-- /react-text --><a href="https://www.npmjs.org/package/antd" data-reactid="378"><img src="https://cnpmjs.org/badge/v/antd.svg?&amp;tag=beta&amp;subject=npm" data-reactid="379"/></a></p></li></ul><p data-reactid="380"><!-- react-text: 381 -->你可以订阅：<!-- /react-text --><a href="https://github.com/ant-design/ant-design/releases.atom" data-reactid="382"><!-- react-text: 383 -->https://github.com/ant-design/ant-design/releases.atom<!-- /react-text --></a><!-- react-text: 384 --> 来获得稳定版发布的通知。<!-- /react-text --></p><h2 id="安装" data-reactid="385"><span data-reactid="386"><!-- react-text: 387 -->安装<!-- /react-text --></span><a href="#安装" class="anchor" data-reactid="388">#</a></h2><h3 id="使用-npm-或-yarn-安装" data-reactid="389"><span data-reactid="390"><!-- react-text: 391 -->使用 npm 或 yarn 安装<!-- /react-text --></span><a href="#使用-npm-或-yarn-安装" class="anchor" data-reactid="392">#</a></h3><p data-reactid="393"><strong data-reactid="394"><!-- react-text: 395 -->我们推荐使用 npm 或 yarn 的方式进行开发<!-- /react-text --></strong><!-- react-text: 396 -->，不仅可在开发环境轻松调试，也可放心地在生产环境打包部署使用，享受整个生态圈和工具链带来的诸多好处。<!-- /react-text --></p><pre class="language-bash" data-reactid="397"><code data-reactid="398">$ <span class="token function">npm</span> <span class="token function">install</span> antd --save</code></pre><pre class="language-bash" data-reactid="399"><code data-reactid="400">$ yarn add antd</code></pre><p data-reactid="401"><!-- react-text: 402 -->如果你的网络环境不佳，推荐使用 <!-- /react-text --><a href="https://github.com/cnpm/cnpm" data-reactid="403"><!-- react-text: 404 -->cnpm<!-- /react-text --></a><!-- react-text: 405 -->。<!-- /react-text --></p><h3 id="浏览器引入" data-reactid="406"><span data-reactid="407"><!-- react-text: 408 -->浏览器引入<!-- /react-text --></span><a href="#浏览器引入" class="anchor" data-reactid="409">#</a></h3><p data-reactid="410"><!-- react-text: 411 -->在浏览器中使用 <!-- /react-text --><code data-reactid="412"><!-- react-text: 413 -->script<!-- /react-text --></code><!-- react-text: 414 --> 和 <!-- /react-text --><code data-reactid="415"><!-- react-text: 416 -->link<!-- /react-text --></code><!-- react-text: 417 --> 标签直接引入文件，并使用全局变量 <!-- /react-text --><code data-reactid="418"><!-- react-text: 419 -->antd<!-- /react-text --></code><!-- react-text: 420 -->。<!-- /react-text --></p><p data-reactid="421"><!-- react-text: 422 -->我们在 npm 发布包内的 <!-- /react-text --><code data-reactid="423"><!-- react-text: 424 -->antd/dist<!-- /react-text --></code><!-- react-text: 425 --> 目录下提供了 <!-- /react-text --><code data-reactid="426"><!-- react-text: 427 -->antd.js<!-- /react-text --></code><!-- react-text: 428 --> <!-- /react-text --><code data-reactid="429"><!-- react-text: 430 -->antd.css<!-- /react-text --></code><!-- react-text: 431 --> 以及 <!-- /react-text --><code data-reactid="432"><!-- react-text: 433 -->antd.min.js<!-- /react-text --></code><!-- react-text: 434 --> <!-- /react-text --><code data-reactid="435"><!-- react-text: 436 -->antd.min.css<!-- /react-text --></code><!-- react-text: 437 -->。你也可以通过 <!-- /react-text --><a href="https://cdnjs.com/libraries/antd" data-reactid="438"><img src="https://img.shields.io/cdnjs/v/antd.svg?style=flat-square" alt="CDNJS" data-reactid="439"/></a><!-- react-text: 440 -->
或 <!-- /react-text --><a href="https://unpkg.com/antd/dist/" data-reactid="441"><!-- react-text: 442 -->UNPKG<!-- /react-text --></a><!-- react-text: 443 --> 进行下载。<!-- /react-text --></p><blockquote data-reactid="444"><p data-reactid="445"><strong data-reactid="446"><!-- react-text: 447 -->强烈不推荐使用已构建文件<!-- /react-text --></strong><!-- react-text: 448 -->，这样无法按需加载，而且难以获得底层依赖模块的 bug 快速修复支持。<!-- /react-text --></p></blockquote><h2 id="示例" data-reactid="449"><span data-reactid="450"><!-- react-text: 451 -->示例<!-- /react-text --></span><a href="#示例" class="anchor" data-reactid="452">#</a></h2><pre class="language-jsx" data-reactid="453"><code data-reactid="454"><span class="token keyword">import</span> <span class="token punctuation">{</span> DatePicker <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">'antd'</span><span class="token punctuation">;</span>
ReactDOM<span class="token punctuation">.</span><span class="token function">render</span><span class="token punctuation">(</span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>DatePicker</span> <span class="token punctuation">/></span></span><span class="token punctuation">,</span> mountNode<span class="token punctuation">)</span><span class="token punctuation">;</span></code></pre><p data-reactid="455"><!-- react-text: 456 -->引入样式：<!-- /react-text --></p><pre class="language-jsx" data-reactid="457"><code data-reactid="458"><span class="token keyword">import</span> <span class="token string">'antd/dist/antd.css'</span><span class="token punctuation">;</span> <span class="token comment" spellcheck="true">// or 'antd/dist/antd.less'</span></code></pre><h3 id="按需加载" data-reactid="459"><span data-reactid="460"><!-- react-text: 461 -->按需加载<!-- /react-text --></span><a href="#按需加载" class="anchor" data-reactid="462">#</a></h3><p data-reactid="463"><!-- react-text: 464 -->下面两种方式都可以只加载用到的组件。<!-- /react-text --></p><ul data-reactid="465"><li data-reactid="466"><p data-reactid="467"><!-- react-text: 468 -->使用 <!-- /react-text --><a href="https://github.com/ant-design/babel-plugin-import" data-reactid="469"><!-- react-text: 470 -->babel-plugin-import<!-- /react-text --></a><!-- react-text: 471 -->（推荐）。<!-- /react-text --></p><pre class="language-js" data-reactid="472"><code data-reactid="473"><span class="token comment" spellcheck="true">// .babelrc or babel-loader option</span>
<span class="token punctuation">{</span>
<span class="token string">"plugins"</span><span class="token punctuation">:</span> <span class="token punctuation">[</span>
<span class="token punctuation">[</span><span class="token string">"import"</span><span class="token punctuation">,</span> <span class="token punctuation">{</span> libraryName<span class="token punctuation">:</span> <span class="token string">"antd"</span><span class="token punctuation">,</span> style<span class="token punctuation">:</span> <span class="token string">"css"</span> <span class="token punctuation">}</span><span class="token punctuation">]</span> <span class="token comment" spellcheck="true">// `style: true` 会加载 less 文件</span>
<span class="token punctuation">]</span>
<span class="token punctuation">}</span></code></pre><p data-reactid="474"><!-- react-text: 475 --> 然后只需从 antd 引入模块即可，无需单独引入样式。等同于下面手动引入的方式。<!-- /react-text --></p><pre class="language-jsx" data-reactid="476"><code data-reactid="477"><span class="token comment" spellcheck="true">// babel-plugin-import 会帮助你加载 JS 和 CSS</span>
<span class="token keyword">import</span> <span class="token punctuation">{</span> DatePicker <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">'antd'</span><span class="token punctuation">;</span></code></pre></li><li data-reactid="478"><p data-reactid="479"><!-- react-text: 480 -->手动引入<!-- /react-text --></p><pre class="language-jsx" data-reactid="481"><code data-reactid="482"><span class="token keyword">import</span> DatePicker <span class="token keyword">from</span> <span class="token string">'antd/lib/date-picker'</span><span class="token punctuation">;</span> <span class="token comment" spellcheck="true">// 加载 JS</span>
<span class="token keyword">import</span> <span class="token string">'antd/lib/date-picker/style/css'</span><span class="token punctuation">;</span> <span class="token comment" spellcheck="true">// 加载 CSS</span>
<span class="token comment" spellcheck="true">// import 'antd/lib/date-picker/style'; // 加载 LESS</span></code></pre></li></ul><h3 id="TypeScript" data-reactid="483"><span data-reactid="484"><!-- react-text: 485 -->TypeScript<!-- /react-text --></span><a href="#TypeScript" class="anchor" data-reactid="486">#</a></h3><pre class="language-js" data-reactid="487"><code data-reactid="488"><span class="token comment" spellcheck="true">// tsconfig.json</span>
<span class="token punctuation">{</span>
<span class="token string">"compilerOptions"</span><span class="token punctuation">:</span> <span class="token punctuation">{</span>
<span class="token string">"moduleResolution"</span><span class="token punctuation">:</span> <span class="token string">"node"</span><span class="token punctuation">,</span>
<span class="token string">"jsx"</span><span class="token punctuation">:</span> <span class="token string">"preserve"</span><span class="token punctuation">,</span>
<span class="token string">"allowSyntheticDefaultImports"</span><span class="token punctuation">:</span> <span class="token boolean">true</span>
<span class="token punctuation">}</span>
<span class="token punctuation">}</span></code></pre><blockquote data-reactid="489"><p data-reactid="490"><!-- react-text: 491 -->注意：<!-- /react-text --></p><ul data-reactid="492"><li data-reactid="493"><p data-reactid="494"><!-- react-text: 495 -->设置 <!-- /react-text --><code data-reactid="496"><!-- react-text: 497 -->allowSyntheticDefaultImports<!-- /react-text --></code><!-- react-text: 498 --> 避免 <!-- /react-text --><code data-reactid="499"><!-- react-text: 500 -->error TS1192: Module &#x27;react&#x27; has no default export<!-- /react-text --></code><!-- react-text: 501 --> 的错误。<!-- /react-text --></p></li><li data-reactid="502"><p data-reactid="503"><!-- react-text: 504 -->不要使用 @types/antd, antd 已经自带了 TypeScript 定义。<!-- /react-text --></p></li></ul></blockquote><h2 id="链接" data-reactid="505"><span data-reactid="506"><!-- react-text: 507 -->链接<!-- /react-text --></span><a href="#链接" class="anchor" data-reactid="508">#</a></h2><ul data-reactid="509"><li data-reactid="510"><p data-reactid="511"><a href="http://ant.design/" data-reactid="512"><!-- react-text: 513 -->首页<!-- /react-text --></a></p></li><li data-reactid="514"><p data-reactid="515"><a href="/docs/react/introduce-cn" data-reactid="516">UI 组件库</a></p></li><li data-reactid="517"><p data-reactid="518"><a href="/changelog-cn" data-reactid="519">更新日志</a></p></li><li data-reactid="520"><p data-reactid="521"><a href="https://github.com/dvajs/dva-cli/" data-reactid="522"><!-- react-text: 523 -->开发脚手架<!-- /react-text --></a></p></li><li data-reactid="524"><p data-reactid="525"><a href="http://ant-tool.github.io/" data-reactid="526"><!-- react-text: 527 -->开发工具文档<!-- /react-text --></a></p></li><li data-reactid="528"><p data-reactid="529"><a href="http://react-component.github.io/" data-reactid="530"><!-- react-text: 531 -->React 底层基础组件<!-- /react-text --></a></p></li><li data-reactid="532"><p data-reactid="533"><a href="http://mobile.ant.design" data-reactid="534"><!-- react-text: 535 -->移动端组件<!-- /react-text --></a></p></li><li data-reactid="536"><p data-reactid="537"><a href="https://motion.ant.design" data-reactid="538"><!-- react-text: 539 -->动效<!-- /react-text --></a></p></li><li data-reactid="540"><p data-reactid="541"><a href="https://github.com/ant-design/ant-design/wiki/Ant-Design-%E8%AE%BE%E8%AE%A1%E5%9F%BA%E7%A1%80%E7%AE%80%E7%89%88" data-reactid="542"><!-- react-text: 543 -->设计规范速查手册<!-- /react-text --></a></p></li><li data-reactid="544"><p data-reactid="545"><a href="https://github.com/ant-design/ant-design/wiki/Development" data-reactid="546"><!-- react-text: 547 -->开发者说明<!-- /react-text --></a></p></li><li data-reactid="548"><p data-reactid="549"><a href="https://github.com/ant-design/ant-design/wiki/%E8%BD%AE%E5%80%BC%E8%A7%84%E5%88%99%E5%92%8C%E7%89%88%E6%9C%AC%E5%8F%91%E5%B8%83%E6%B5%81%E7%A8%8B" data-reactid="550"><!-- react-text: 551 -->版本发布规则<!-- /react-text --></a></p></li><li data-reactid="552"><p data-reactid="553"><a href="https://github.com/ant-design/ant-design/issues/129" data-reactid="554"><!-- react-text: 555 -->社区贡献脚手架和范例<!-- /react-text --></a></p></li><li data-reactid="556"><p data-reactid="557"><a href="https://github.com/ant-design/ant-design/wiki/FAQ" data-reactid="558"><!-- react-text: 559 -->常见问题<!-- /react-text --></a></p></li><li data-reactid="560"><p data-reactid="561"><a href="http://codepen.io/benjycui/pen/KgPZrE?editors=001" data-reactid="562"><!-- react-text: 563 -->CodePen 模板<!-- /react-text --></a><!-- react-text: 564 --> for bug reports<!-- /react-text --></p></li><li data-reactid="565"><p data-reactid="566"><a href="https://github.com/websemantics/awesome-ant-design" data-reactid="567"><!-- react-text: 568 -->Awesome Ant Design<!-- /react-text --></a></p></li><li data-reactid="569"><p data-reactid="570"><a href="/docs/react/customize-theme-cn" data-reactid="571">定制主题</a></p></li></ul><h2 id="谁在使用" data-reactid="572"><span data-reactid="573"><!-- react-text: 574 -->谁在使用<!-- /react-text --></span><a href="#谁在使用" class="anchor" data-reactid="575">#</a></h2><ul data-reactid="576"><li data-reactid="577"><p data-reactid="578"><a href="http://www.antgroup.com/" data-reactid="579"><!-- react-text: 580 -->蚂蚁金服<!-- /react-text --></a></p></li><li data-reactid="581"><p data-reactid="582"><a href="http://www.alibaba.com/" data-reactid="583"><!-- react-text: 584 -->阿里巴巴<!-- /react-text --></a></p></li><li data-reactid="585"><p data-reactid="586"><a href="http://www.koubei.com/" data-reactid="587"><!-- react-text: 588 -->口碑<!-- /react-text --></a></p></li><li data-reactid="589"><p data-reactid="590"><a href="http://www.meituan.com" data-reactid="591"><!-- react-text: 592 -->美团<!-- /react-text --></a></p></li><li data-reactid="593"><p data-reactid="594"><a href="http://www.xiaojukeji.com/" data-reactid="595"><!-- react-text: 596 -->滴滴<!-- /react-text --></a></p></li></ul><blockquote data-reactid="597"><p data-reactid="598"><!-- react-text: 599 -->如果你的公司和产品使用了 Ant Design，欢迎到 <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/477" data-reactid="600"><!-- react-text: 601 -->这里<!-- /react-text --></a><!-- react-text: 602 --> 留言。<!-- /react-text --></p></blockquote><h2 id="如何贡献" data-reactid="603"><span data-reactid="604"><!-- react-text: 605 -->如何贡献<!-- /react-text --></span><a href="#如何贡献" class="anchor" data-reactid="606">#</a></h2><p data-reactid="607"><!-- react-text: 608 -->在任何形式的参与前，请先阅读 <!-- /react-text --><a href="https://github.com/ant-design/ant-design/blob/master/.github/CONTRIBUTING.md" data-reactid="609"><!-- react-text: 610 -->贡献者文档<!-- /react-text --></a><!-- react-text: 611 -->。如果你希望参与贡献，欢迎 <!-- /react-text --><a href="https://github.com/ant-design/ant-design/pulls" data-reactid="612"><!-- react-text: 613 -->Pull Request<!-- /react-text --></a><!-- react-text: 614 -->，或给我们 <!-- /react-text --><a href="http://new-issue.ant.design/" data-reactid="615"><!-- react-text: 616 -->报告 Bug<!-- /react-text --></a><!-- react-text: 617 -->。<!-- /react-text --></p><blockquote data-reactid="618"><p data-reactid="619"><!-- react-text: 620 -->强烈推荐阅读 <!-- /react-text --><a href="https://github.com/ryanhanwu/How-To-Ask-Questions-The-Smart-Way" data-reactid="621"><!-- react-text: 622 -->《提问的智慧》<!-- /react-text --></a><!-- react-text: 623 -->、<!-- /react-text --><a href="https://github.com/seajs/seajs/issues/545" data-reactid="624"><!-- react-text: 625 -->《如何向开源社区提问题》<!-- /react-text --></a><!-- react-text: 626 --> 和 <!-- /react-text --><a href="http://www.chiark.greenend.org.uk/%7Esgtatham/bugs-cn.html" data-reactid="627"><!-- react-text: 628 -->《如何有效地报告 Bug》<!-- /react-text --></a><!-- react-text: 629 -->，更好的问题更容易获得帮助。<!-- /react-text --></p></blockquote><h2 id="社区互助" data-reactid="630"><span data-reactid="631"><!-- react-text: 632 -->社区互助<!-- /react-text --></span><a href="#社区互助" class="anchor" data-reactid="633">#</a></h2><p data-reactid="634"><!-- react-text: 635 -->如果您在使用的过程中碰到问题，可以通过下面几个途径寻求帮助，同时我们也鼓励资深用户通过下面的途径给新人提供帮助。<!-- /react-text --></p><p data-reactid="636"><!-- react-text: 637 -->通过 Stack Overflow 或者 Segment Fault 提问时，建议加上 <!-- /react-text --><code data-reactid="638"><!-- react-text: 639 -->antd<!-- /react-text --></code><!-- react-text: 640 --> 标签。<!-- /react-text --></p><ol data-reactid="641"><li data-reactid="642"><p data-reactid="643"><a href="http://stackoverflow.com/questions/tagged/antd" data-reactid="644"><!-- react-text: 645 -->Stack Overflow<!-- /react-text --></a><!-- react-text: 646 -->（英文）<!-- /react-text --></p></li><li data-reactid="647"><p data-reactid="648"><a href="https://segmentfault.com/t/antd" data-reactid="649"><!-- react-text: 650 -->Segment Fault<!-- /react-text --></a><!-- react-text: 651 -->（中文）<!-- /react-text --></p></li><li data-reactid="652"><p data-reactid="653"><a href="https://gitter.im/ant-design/ant-design-english?utm_source=badge&amp;utm_medium=badge&amp;utm_campaign=pr-badge" data-reactid="654"><img src="https://badges.gitter.im/ant-design/ant-design-english.svg" alt="Gitter" data-reactid="655"/></a><!-- react-text: 656 --> (English)<!-- /react-text --></p></li><li data-reactid="657"><p data-reactid="658"><a href="https://gitter.im/ant-design/ant-design?utm_source=badge&amp;utm_medium=badge&amp;utm_campaign=pr-badge&amp;utm_content=badge" data-reactid="659"><img src="https://badges.gitter.im/Join%20Chat.svg" alt="Join the chat at https://gitter.im/ant-design/ant-design" data-reactid="660"/></a><!-- react-text: 661 -->（中文）<!-- /react-text --></p></li></ol></section></article></div></div><div class="ant-row" data-reactid="662"><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="663"><section class="prev-next-nav" data-reactid="664"><a class="next-page" href="/docs/react/getting-started-cn" data-reactid="665">快速上手</a></section></div></div></div><footer id="footer" data-reactid="666"><ul data-reactid="667"><li data-reactid="668"><h2 data-reactid="669"><i class="anticon anticon-github" data-reactid="670"></i><!-- react-text: 671 --> GitHub<!-- /react-text --></h2><div data-reactid="672"><a target="_blank " href="https://github.com/ant-design/ant-design" data-reactid="673"><span data-reactid="674">源码仓库</span></a></div><div data-reactid="675"><a target="_blank " href="https://ant.design/docs/react/customize-theme" data-reactid="676"><span data-reactid="677">定制主题</span></a></div><div data-reactid="678"><a target="_blank " href="https://github.com/websemantics/awesome-ant-design" data-reactid="679"><span data-reactid="680">Awesome Ant Design</span></a></div></li><li data-reactid="681"><h2 data-reactid="682"><i class="anticon anticon-link" data-reactid="683"></i><!-- react-text: 684 --> <!-- /react-text --><span data-reactid="685">相关站点</span></h2><div data-reactid="686"><a href="https://design.alipay.com/" data-reactid="687"><span data-reactid="688">蚂蚁金服设计平台</span></a></div><div data-reactid="689"><a href="http://mobile.ant.design" data-reactid="690">Ant Design Mobile</a><span data-reactid="691"> - </span><span data-reactid="692">移动版</span></div><div data-reactid="693"><a target="_blank" rel="noopener noreferrer" href="https://github.com/dvajs/dva" data-reactid="694">dva</a><!-- react-text: 695 --> - <!-- /react-text --><span data-reactid="696">应用框架</span></div><div data-reactid="697"><a target="_blank" rel="noopener noreferrer" href="https://github.com/dvajs/dva-cli" data-reactid="698">dva-cli</a><!-- react-text: 699 --> -<!-- /react-text --><span data-reactid="700">开发工具</span></div><div data-reactid="701"><a target="_blank" rel="noopener noreferrer" href="https://eggjs.org/" data-reactid="702">Egg</a><span data-reactid="703"> - </span><span data-reactid="704">企业级 Node 开发框架</span></div><div data-reactid="705"><a target="_blank" rel="noopener noreferrer" href="https://antv.alipay.com/" data-reactid="706">AntV</a><span data-reactid="707"> - </span><span data-reactid="708">数据可视化</span></div><div data-reactid="709"><a target="_blank" rel="noopener noreferrer" href="http://motion.ant.design" data-reactid="710">Ant Motion</a><span data-reactid="711"> - </span><span data-reactid="712">设计动效</span></div><div data-reactid="713"><a target="_blank" rel="noopener noreferrer" href="http://library.ant.design/" data-reactid="714">AntD Library</a><span data-reactid="715"> - </span><span data-reactid="716">Axure 部件库</span></div><div data-reactid="717"><a target="_blank" rel="noopener noreferrer" href="http://ux.ant.design" data-reactid="718">Ant UX</a><span data-reactid="719"> - </span><span data-reactid="720">页面逻辑素材</span></div></li><li data-reactid="721"><h2 data-reactid="722"><i class="anticon anticon-customer-service" data-reactid="723"></i><!-- react-text: 724 --> <!-- /react-text --><span data-reactid="725">社区</span></h2><div data-reactid="726"><a href="/changelog" data-reactid="727"><span data-reactid="728">更新记录</span></a></div><div data-reactid="729"><a target="_blank" rel="noopener noreferrer" href="https://github.com/ant-design/ant-design/wiki/FAQ" data-reactid="730"><span data-reactid="731">常见问题</span></a></div><div data-reactid="732"><a target="_blank" rel="noopener noreferrer" href="https://gitter.im/ant-design/ant-design" data-reactid="733"><span data-reactid="734">在线讨论 (中文)</span></a></div><div data-reactid="735"><a target="_blank" rel="noopener noreferrer" href="https://gitter.im/ant-design/ant-design-english" data-reactid="736"><span data-reactid="737">在线讨论 (English)</span></a></div><div data-reactid="738"><a target="_blank" rel="noopener noreferrer" href="http://new-issue.ant.design/" data-reactid="739"><span data-reactid="740">报告 Bug</span></a></div><div data-reactid="741"><a target="_blank" rel="noopener noreferrer" href="https://github.com/ant-design/ant-design/issues" data-reactid="742"><span data-reactid="743">讨论列表</span></a></div><div data-reactid="744"><a target="_blank" rel="noopener noreferrer" href="http://stackoverflow.com/questions/tagged/antd" data-reactid="745"><span data-reactid="746">StackOverflow</span></a></div><div data-reactid="747"><a target="_blank" rel="noopener noreferrer" href="https://segmentfault.com/t/antd" data-reactid="748"><span data-reactid="749">SegmentFault</span></a></div></li><li data-reactid="750"><h2 data-reactid="751"><!-- react-text: 752 -->Copyright © <!-- /react-text --><!-- react-text: 753 -->2017<!-- /react-text --></h2><div data-reactid="754"><span data-reactid="755">蚂蚁金服体验技术部出品</span></div><div data-reactid="756"><!-- react-text: 757 -->Built with <!-- /react-text --><a target="_blank" rel="noopener noreferrer" href="https://github.com/benjycui/bisheng" data-reactid="758">BiSheng</a></div></li></ul></footer></div>
</div>
<script src="/common.js"></script>
<script src="/index.js"></script>
</body>
</html>
Reference in New Issue View Git Blame Copy Permalink