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

109 lines
19 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="1535116469"><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" 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" 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-selected ant-menu-item" role="menuitem" aria-selected="true" 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/resource/download-cn" data-reactid="52">资源下载</a></li><li style="padding-left:24px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="53"><a href="/docs/resource/reference-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="//github.com/ant-design/ant-design" target="_blank" rel="noopener noreferrer" class="menu-item-link-outside" data-reactid="56"><!-- react-text: 57 -->GitHub<!-- /react-text --><!-- react-text: 58 --> <!-- /react-text --><i class="anticon anticon-export" data-reactid="59"></i></a></li></ul></div><div class="main-container ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="60"><article class="markdown" data-reactid="61"><h1 data-reactid="62"><!-- react-text: 63 -->文献素材<!-- /react-text --><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/docs/resource/reference.zh-CN.md" data-reactid="64"><i class="anticon anticon-edit" data-reactid="65"></i></a></h1><section class="markdown" data-reactid="66"><p data-reactid="67"><!-- react-text: 68 -->在进行模式、组件和语言的整理中,《About Face 4》、《Web 界面设计》、《界面设计模式》、《写给大家看的设计书》、《设计心理学》、《Web 表单设计:点石成金的艺术》等书籍给了我们很多的启示,帮助我们节约了大量时间,并成功克服了很多困难。如果想了解更多设计相关的内容,建议你去阅读这些非常棒的书籍。<!-- /react-text --></p><div class="resource-cards" data-reactid="69"><a target="_blank" href="http://book.douban.com/subject/26642302/" class="resource-card" data-reactid="70"><img src="https://os.alipayobjects.com/rmsportal/PeeRQQIGQJCswxe.png" data-reactid="71"/><span class="resource-card-content" data-reactid="72"><span class="resource-card-title" data-reactid="73"><!-- react-text: 74 -->About Face 4<!-- /react-text --></span><span class="resource-card-description" data-reactid="75"><!-- react-text: 76 -->作者: Alan.cooper<!-- /react-text --></span><span class="resource-card-description" data-reactid="77"><!-- react-text: 78 -->出版社: 电子工业出版社<!-- /react-text --></span></span></a><a target="_blank" href="http://book.douban.com/subject/3821157/" class="resource-card" data-reactid="79"><img src="https://os.alipayobjects.com/rmsportal/CoojVXLtoWrUSmI.png" data-reactid="80"/><span class="resource-card-content" data-reactid="81"><span class="resource-card-title" data-reactid="82"><!-- react-text: 83 -->Web 界面设计<!-- /react-text --></span><span class="resource-card-description" data-reactid="84"><!-- react-text: 85 -->作者: Bill Scott / Theresa Neil<!-- /react-text --></span><span class="resource-card-description" data-reactid="86"><!-- react-text: 87 -->出版社: 电子工业出版社<!-- /react-text --></span></span></a><a target="_blank" href="http://book.douban.com/subject/25716088/" class="resource-card" data-reactid="88"><img src="https://os.alipayobjects.com/rmsportal/oRxdwgZMwfEFeJa.png" data-reactid="89"/><span class="resource-card-content" data-reactid="90"><span class="resource-card-title" data-reactid="91"><!-- react-text: 92 -->界面设计模式<!-- /react-text --></span><span class="resource-card-description" data-reactid="93"><!-- react-text: 94 -->作者: Tidwell,J.<!-- /react-text --></span><span class="resource-card-description" data-reactid="95"><!-- react-text: 96 -->出版社: 电子工业出版社<!-- /react-text --></span></span></a><a target="_blank" href="http://book.douban.com/subject/3323633/" class="resource-card" data-reactid="97"><img src="https://os.alipayobjects.com/rmsportal/SNdJVyZaZwdwJmr.png" data-reactid="98"/><span class="resource-card-content" data-reactid="99"><span class="resource-card-title" data-reactid="100"><!-- react-text: 101 -->写给大家看的设计书<!-- /react-text --></span><span class="resource-card-description" data-reactid="102"><!-- react-text: 103 -->作者: Robin Williams<!-- /react-text --></span><span class="resource-card-description" data-reactid="104"><!-- react-text: 105 -->出版社: 人民邮电出版社<!-- /react-text --></span></span></a><a target="_blank" href="http://book.douban.com/subject/26102860/" class="resource-card" data-reactid="106"><img src="https://os.alipayobjects.com/rmsportal/txGrSvGFMTTrwjY.png" data-reactid="107"/><span class="resource-card-content" data-reactid="108"><span class="resource-card-title" data-reactid="109"><!-- react-text: 110 -->设计心理学 1<!-- /react-text --></span><span class="resource-card-description" data-reactid="111"><!-- react-text: 112 -->作者: 唐纳德•A•诺曼<!-- /react-text --></span><span class="resource-card-description" data-reactid="113"><!-- react-text: 114 -->出版社: 中信出版社<!-- /react-text --></span></span></a><a target="_blank" href="http://book.douban.com/subject/26424688/" class="resource-card" data-reactid="115"><img src="https://os.alipayobjects.com/rmsportal/cZQyAARFxzaKEOG.png" data-reactid="116"/><span class="resource-card-content" data-reactid="117"><span class="resource-card-title" data-reactid="118"><!-- react-text: 119 -->设计心理学 3<!-- /react-text --></span><span class="resource-card-description" data-reactid="120"><!-- react-text: 121 -->作者: 唐纳德•A•诺曼<!-- /react-text --></span><span class="resource-card-description" data-reactid="122"><!-- react-text: 123 -->出版社: 中信出版社<!-- /react-text --></span></span></a><a target="_blank" href="http://book.douban.com/subject/4886100/" class="resource-card" data-reactid="124"><img src="https://os.alipayobjects.com/rmsportal/moeFnnuXrputdag.png" data-reactid="125"/><span class="resource-card-content" data-reactid="126"><span class="resource-card-title" data-reactid="127"><!-- react-text: 128 -->Web 表单设计:点石成金的艺术<!-- /react-text --></span><span class="resource-card-description" data-reactid="129"><!-- react-text: 130 -->作者: Luke Wroblewski<!-- /react-text --></span><span class="resource-card-description" data-reactid="131"><!-- react-text: 132 -->出版社: 清华大学出版社<!-- /react-text --></span></span></a></div></section></article></div></div><div class="ant-row" data-reactid="133"><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="134"><section class="prev-next-nav" data-reactid="135"><a class="prev-page" href="/docs/resource/download-cn" data-reactid="136">资源下载</a><a href="//github.com/ant-design/ant-design" target="_blank" rel="noopener noreferrer" class="next-page" data-reactid="137"><!-- react-text: 138 -->GitHub<!-- /react-text --><!-- react-text: 139 --> <!-- /react-text --><i class="anticon anticon-export" data-reactid="140"></i></a></section></div></div></div><footer id="footer" data-reactid="141"><ul data-reactid="142"><li data-reactid="143"><h2 data-reactid="144"><i class="anticon anticon-github" data-reactid="145"></i><!-- react-text: 146 --> GitHub<!-- /react-text --></h2><div data-reactid="147"><a target="_blank " href="https://github.com/ant-design/ant-design" data-reactid="148"><span data-reactid="149">仓库</span></a></div><div data-reactid="150"><a target="_blank " href="https://ant.design/docs/react/customize-theme" data-reactid="151"><span data-reactid="152">定制主题</span></a></div><div data-reactid="153"><a target="_blank " href="https://github.com/websemantics/awesome-ant-design" data-reactid="154"><span data-reactid="155">Awesome Ant Design</span></a></div></li><li data-reactid="156"><h2 data-reactid="157"><i class="anticon anticon-link" data-reactid="158"></i><!-- react-text: 159 --> <!-- /react-text --><span data-reactid="160">相关站点</span></h2><div data-reactid="161"><a href="http://mobile.ant.design" data-reactid="162">Ant Design Mobile</a><span data-reactid="163"> - </span><span data-reactid="164">移动版</span></div><div data-reactid="165"><a target="_blank" rel="noopener noreferrer" href="https://github.com/dvajs/dva" data-reactid="166">dva</a><!-- react-text: 167 --> - <!-- /react-text --><span data-reactid="168">应用框架</span></div><div data-reactid="169"><a target="_blank" rel="noopener noreferrer" href="https://github.com/dvajs/dva-cli" data-reactid="170">dva-cli</a><!-- react-text: 171 --> -<!-- /react-text --><span data-reactid="172">开发工具</span></div><div data-reactid="173"><a target="_blank" rel="noopener noreferrer" href="https://eggjs.org/" data-reactid="174">Egg</a><span data-reactid="175"> - </span><span data-reactid="176">企业级 Node 开发框架</span></div><div data-reactid="177"><a target="_blank" rel="noopener noreferrer" href="https://antv.alipay.com/" data-reactid="178">AntV</a><span data-reactid="179"> - </span><span data-reactid="180">数据可视化</span></div><div data-reactid="181"><a target="_blank" rel="noopener noreferrer" href="http://motion.ant.design" data-reactid="182">Ant Motion</a><span data-reactid="183"> - </span><span data-reactid="184">设计动效</span></div><div data-reactid="185"><a target="_blank" rel="noopener noreferrer" href="http://library.ant.design/" data-reactid="186">AntD Library</a><span data-reactid="187"> - </span><span data-reactid="188">Axure 部件库</span></div><div data-reactid="189"><a target="_blank" rel="noopener noreferrer" href="http://ux.ant.design" data-reactid="190">Ant UX</a><span data-reactid="191"> - </span><span data-reactid="192">页面逻辑素材</span></div></li><li data-reactid="193"><h2 data-reactid="194"><i class="anticon anticon-customer-service" data-reactid="195"></i><!-- react-text: 196 --> <!-- /react-text --><span data-reactid="197">社区</span></h2><div data-reactid="198"><a href="/changelog" data-reactid="199"><span data-reactid="200">更新记录</span></a></div><div data-reactid="201"><a target="_blank" rel="noopener noreferrer" href="https://github.com/ant-design/ant-design/wiki/FAQ" data-reactid="202"><span data-reactid="203">常见问题</span></a></div><div data-reactid="204"><a target="_blank" rel="noopener noreferrer" href="https://gitter.im/ant-design/ant-design" data-reactid="205"><span data-reactid="206">在线讨论</span></a></div><div data-reactid="207"><a target="_blank" rel="noopener noreferrer" href="https://github.com/ant-design/ant-design/issues/new" data-reactid="208"><span data-reactid="209">报告 Bug</span></a></div><div data-reactid="210"><a target="_blank" rel="noopener noreferrer" href="http://stackoverflow.com/questions/tagged/antd" data-reactid="211"><span data-reactid="212">StackOverflow</span></a></div><div data-reactid="213"><a target="_blank" rel="noopener noreferrer" href="https://segmentfault.com/t/antd" data-reactid="214"><span data-reactid="215">SegmentFault</span></a></div></li><li data-reactid="216"><h2 data-reactid="217"><!-- react-text: 218 -->Copyright © <!-- /react-text --><!-- react-text: 219 -->2017<!-- /react-text --></h2><div data-reactid="220"><span data-reactid="221">蚂蚁金服体验技术部出品</span></div><div data-reactid="222"><!-- react-text: 223 -->Built with <!-- /react-text --><a target="_blank" rel="noopener noreferrer" href="https://github.com/benjycui/bisheng" data-reactid="224">BiSheng</a></div></li></ul></footer></div>
</div>
<script src="/common.js"></script>
<script src="/index.js"></script>
</body>
</html>