Files
ant-design/docs/spec/contrast-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="514674457"><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-selected ant-menu-item" role="menuitem" aria-selected="true" 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" role="menuitem" aria-selected="false" 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/contrast.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 -->对比是增加视觉效果最有效方法之一,同时也能在不同元素之间建立一种有组织的层次结构,让用户快速识别关键信息。<!-- /react-text --></p><blockquote data-reactid="106"><p data-reactid="107"><!-- react-text: 108 -->注:要实现有效的对比,对比就必须强烈,切不可畏畏缩缩。<!-- /react-text --></p></blockquote></section><section class="toc" data-reactid="109"><ul data-reactid="110"><li data-reactid="111"><a class="bisheng-toc-h2" href="#主次关系对比" data-reactid="112"><!-- react-text: 113 -->主次关系对比<!-- /react-text --></a></li><li data-reactid="114"><a class="bisheng-toc-h2" href="#总分关系对比" data-reactid="115"><!-- react-text: 116 -->总分关系对比<!-- /react-text --></a></li><li data-reactid="117"><a class="bisheng-toc-h2" href="#状态关系对比" data-reactid="118"><!-- react-text: 119 -->状态关系对比<!-- /react-text --></a></li></ul></section><section class="markdown" data-reactid="120"><h2 id="主次关系对比" data-reactid="121"><span data-reactid="122"><!-- react-text: 123 -->主次关系对比<!-- /react-text --></span><a href="#主次关系对比" class="anchor" data-reactid="124">#</a></h2><div class="preview-image-boxes clearfix" data-reactid="125"><div class="preview-image-box" style="width:50%;" data-reactid="126"><div class="preview-image-wrapper good false" data-reactid="127"><img class="preview-img good" src="https://os.alipayobjects.com/rmsportal/RruKZUSYEwauGdF.png" alt="正确示例" data-reactid="128"/></div><div class="preview-image-title" data-reactid="129">正确示例</div><div class="preview-image-description" data-reactid="130"></div><!-- react-empty: 131 --></div><div class="preview-image-box" style="width:50%;" data-reactid="132"><div class="preview-image-wrapper false bad" data-reactid="133"><img class="preview-img bad" src="https://os.alipayobjects.com/rmsportal/TOupLSPNQkBTmYw.png" alt="错误示例" data-reactid="134"/></div><div class="preview-image-title" data-reactid="135">错误示例</div><div class="preview-image-description" data-reactid="136"></div><!-- react-empty: 137 --></div></div><p data-reactid="138"><!-- react-text: 139 -->为了让用户能在操作上(类似表单、弹出框等场景)快速做出判断, 来突出其中一项相对更重要或者更高频的操作。<!-- /react-text --></p><blockquote data-reactid="140"><p data-reactid="141"><!-- react-text: 142 -->注意:突出的方法,不局限于强化重点项,也可以是弱化其他项。<!-- /react-text --></p></blockquote><p data-reactid="143"><br data-reactid="144"/></p><div class="preview-image-boxes clearfix" data-reactid="145"><div class="preview-image-box" data-reactid="146"><div class="preview-image-wrapper false false" data-reactid="147"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/xskurfmyKPumFSv.png" alt="不区分主次的示例" data-reactid="148"/></div><div class="preview-image-title" data-reactid="149">不区分主次的示例</div><div class="preview-image-description" data-reactid="150">『通过』和『驳回』都使用次按钮,系统保持中立。</div><!-- react-empty: 151 --></div></div><p data-reactid="152"><!-- react-text: 153 -->在一些需要用户慎重决策的场景中,系统应该保持中立,不能替用户或者诱导用户做出判断。<!-- /react-text --></p><hr data-reactid="154"/><h2 id="总分关系对比" data-reactid="155"><span data-reactid="156"><!-- react-text: 157 -->总分关系对比<!-- /react-text --></span><a href="#总分关系对比" class="anchor" data-reactid="158">#</a></h2><div class="preview-image-boxes clearfix" data-reactid="159"><div class="preview-image-box" data-reactid="160"><div class="preview-image-wrapper false false" data-reactid="161"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/HEDJpTyufnfXUOP.png" alt="总分关系示例 1" data-reactid="162"/></div><div class="preview-image-title" data-reactid="163">总分关系示例 1</div><div class="preview-image-description" data-reactid="164"></div><!-- react-empty: 165 --></div></div><div class="preview-image-boxes clearfix" data-reactid="166"><div class="preview-image-box" data-reactid="167"><div class="preview-image-wrapper false false" data-reactid="168"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/bafqoUWFgXjsuSG.png" alt="总分关系示例 2" data-reactid="169"/></div><div class="preview-image-title" data-reactid="170">总分关系示例 2</div><div class="preview-image-description" data-reactid="171"></div><!-- react-empty: 172 --></div></div><p data-reactid="173"><!-- react-text: 174 -->通过调整排版、字体、大小等方式来突出层次感,区分总分关系,使得页面更具张力和节奏感。<!-- /react-text --></p><hr data-reactid="175"/><h2 id="状态关系对比" data-reactid="176"><span data-reactid="177"><!-- react-text: 178 -->状态关系对比<!-- /react-text --></span><a href="#状态关系对比" class="anchor" data-reactid="179">#</a></h2><div class="preview-image-boxes clearfix" data-reactid="180"><div class="preview-image-box" data-reactid="181"><div class="preview-image-wrapper false false" data-reactid="182"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/UHjarNwxrXndznP.png" alt="静态对比示例" data-reactid="183"/></div><div class="preview-image-title" data-reactid="184">静态对比示例</div><div class="preview-image-description" data-reactid="185">用不同颜色点,来表明不同状态。</div><!-- react-empty: 186 --></div></div><div class="preview-image-boxes clearfix" data-reactid="187"><div class="preview-image-box" data-reactid="188"><div class="preview-image-wrapper false false" data-reactid="189"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/DCAtXAEaFnAXEmG.png" alt="动态对比示例" data-reactid="190"/></div><div class="preview-image-title" data-reactid="191">动态对比示例</div><div class="preview-image-description" data-reactid="192">鼠标悬停时,该项和其他项呈现出明显不同的视觉效果,响应用户操作。</div><!-- react-empty: 193 --></div></div><p data-reactid="194"><!-- react-text: 195 -->通过改变颜色、增加辅助形状等方法来实现状态关系的对比,以便用户更好的区分信息。<!-- /react-text --></p><p data-reactid="196"><!-- react-text: 197 -->常见类型有『静态对比』、『动态对比』。<!-- /react-text --></p></section></article></div></div><div class="ant-row" data-reactid="198"><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="199"><section class="prev-next-nav" data-reactid="200"><a class="prev-page" href="/docs/spec/alignment-cn" data-reactid="201">对齐</a><a class="next-page" href="/docs/spec/repetition-cn" data-reactid="202">重复</a></section></div></div></div><footer id="footer" data-reactid="203"><ul data-reactid="204"><li data-reactid="205"><h2 data-reactid="206"><i class="anticon anticon-github" data-reactid="207"></i><!-- react-text: 208 --> GitHub<!-- /react-text --></h2><div data-reactid="209"><a target="_blank " href="https://github.com/ant-design/ant-design" data-reactid="210"><span data-reactid="211">仓库</span></a></div><div data-reactid="212"><a target="_blank " href="https://ant.design/docs/react/customize-theme" data-reactid="213"><span data-reactid="214">定制主题</span></a></div><div data-reactid="215"><a target="_blank " href="https://github.com/websemantics/awesome-ant-design" data-reactid="216"><span data-reactid="217">Awesome Ant Design</span></a></div></li><li data-reactid="218"><h2 data-reactid="219"><i class="anticon anticon-link" data-reactid="220"></i><!-- react-text: 221 --> <!-- /react-text --><span data-reactid="222">相关站点</span></h2><div data-reactid="223"><a href="http://mobile.ant.design" data-reactid="224">Ant Design Mobile</a><span data-reactid="225"> - </span><span data-reactid="226">移动版</span></div><div data-reactid="227"><a target="_blank" rel="noopener noreferrer" href="https://github.com/dvajs/dva" data-reactid="228">dva</a><!-- react-text: 229 --> - <!-- /react-text --><span data-reactid="230">应用框架</span></div><div data-reactid="231"><a target="_blank" rel="noopener noreferrer" href="https://github.com/dvajs/dva-cli" data-reactid="232">dva-cli</a><!-- react-text: 233 --> -<!-- /react-text --><span data-reactid="234">开发工具</span></div><div data-reactid="235"><a target="_blank" rel="noopener noreferrer" href="https://eggjs.org/" data-reactid="236">Egg</a><span data-reactid="237"> - </span><span data-reactid="238">企业级 Node 开发框架</span></div><div data-reactid="239"><a target="_blank" rel="noopener noreferrer" href="https://antv.alipay.com/" data-reactid="240">AntV</a><span data-reactid="241"> - </span><span data-reactid="242">数据可视化</span></div><div data-reactid="243"><a target="_blank" rel="noopener noreferrer" href="http://motion.ant.design" data-reactid="244">Ant Motion</a><span data-reactid="245"> - </span><span data-reactid="246">设计动效</span></div><div data-reactid="247"><a target="_blank" rel="noopener noreferrer" href="http://library.ant.design/" data-reactid="248">AntD Library</a><span data-reactid="249"> - </span><span data-reactid="250">Axure 部件库</span></div><div data-reactid="251"><a target="_blank" rel="noopener noreferrer" href="http://ux.ant.design" data-reactid="252">Ant UX</a><span data-reactid="253"> - </span><span data-reactid="254">页面逻辑素材</span></div></li><li data-reactid="255"><h2 data-reactid="256"><i class="anticon anticon-customer-service" data-reactid="257"></i><!-- react-text: 258 --> <!-- /react-text --><span data-reactid="259">社区</span></h2><div data-reactid="260"><a href="/changelog" data-reactid="261"><span data-reactid="262">更新记录</span></a></div><div data-reactid="263"><a target="_blank" rel="noopener noreferrer" href="https://github.com/ant-design/ant-design/wiki/FAQ" data-reactid="264"><span data-reactid="265">常见问题</span></a></div><div data-reactid="266"><a target="_blank" rel="noopener noreferrer" href="https://gitter.im/ant-design/ant-design" data-reactid="267"><span data-reactid="268">在线讨论</span></a></div><div data-reactid="269"><a target="_blank" rel="noopener noreferrer" href="https://github.com/ant-design/ant-design/issues/new" data-reactid="270"><span data-reactid="271">报告 Bug</span></a></div><div data-reactid="272"><a target="_blank" rel="noopener noreferrer" href="http://stackoverflow.com/questions/tagged/antd" data-reactid="273"><span data-reactid="274">StackOverflow</span></a></div><div data-reactid="275"><a target="_blank" rel="noopener noreferrer" href="https://segmentfault.com/t/antd" data-reactid="276"><span data-reactid="277">SegmentFault</span></a></div></li><li data-reactid="278"><h2 data-reactid="279"><!-- react-text: 280 -->Copyright © <!-- /react-text --><!-- react-text: 281 -->2017<!-- /react-text --></h2><div data-reactid="282"><span data-reactid="283">蚂蚁金服体验技术部出品</span></div><div data-reactid="284"><!-- react-text: 285 -->Built with <!-- /react-text --><a target="_blank" rel="noopener noreferrer" href="https://github.com/benjycui/bisheng" data-reactid="286">BiSheng</a></div></li></ul></footer></div>
</div>
<script src="/common.js"></script>
<script src="/index.js"></script>
</body>
</html>