1<!DOCTYPE html> 2<html lang="en" data-direction="ltr" class=""> 3 <head> 4 <meta charset="utf-8" /> 5 <meta http-equiv="X-UA-Compatible" content="IE=edge" /> 6 <meta name="viewport" content="width=device-width, initial-scale=1.0" /> 7 <meta name="theme-color" content="#1890ff" /> 8 <title>Ant Design - The world's second most popular React UI framework</title> 9 <meta data-rh="true" name="description" content="An enterprise-class UI design language and React UI library with a set of high-quality React components, one of best React UI library for enterprises"/><meta data-rh="true" property="og:title" content="Ant Design - The world's second most popular React UI framework"/><meta data-rh="true" property="og:type" content="website"/><meta data-rh="true" property="og:image" content="https://gw.alipayobjects.com/zos/rmsportal/rlpTLlbMzTNYuZGGCVYM.png"/> 10 <link 11 rel="icon" 12 href="https://gw.alipayobjects.com/zos/rmsportal/rlpTLlbMzTNYuZGGCVYM.png" 13 type="image/x-icon" 14 /> 15 16 <link rel="stylesheet" type="text/css" href="/index-4f21cd80.css" /> 17 18 <style id="nprogress-style"> 19 #nprogress { 20 display: none; 21 } 22 </style> 23 <link rel="stylesheet/less" type="text/css" href="/color.less" /> 24
24<script src="https://b.alicdn.com/s/polyfill.min.js?features=default,es2015,Intl"></script>
24 25 <link id="darkThemeLink" rel="stylesheet" href="/dark.css" /> 26
26<script> 27 /* 设置 meta theme-color çå¼ï¼é»è®¤ä¼è®¾ç½®ä¸ä¸ª #1890ff */ 28 function setColor(isDarken) { 29 try { 30 var theme = document.getElementsByTagName('meta')['theme-color']; 31 theme.setAttribute('content', isDarken ? 'rgba(0,0,0,0.65)' : '#1890ff'); 32 } catch (error) {} 33 } 34 /* -------------------------- 主é¢ç¸å ³ -------------------------- */ 35 (function () { 36 /* è·åæ¥è¯¢åæ°å¯¹è±¡ */ 37 function getSearchParam(search) { 38 // å¤çå ¥åé误 39 var search = search || location.search; 40 if (search === undefined) { 41 return; 42 } 43 44 var pattern = /(\w+)=(\w+)/gi; // å®ä¹æ£å 45 var matches = search.match(pattern); 46 if (!matches) { 47 return; 48 } 49 50 function fromEntries(iterable) { 51 return iterable.reduce(function (obj, keyvalue) { 52 var key = keyvalue[0]; 53 var val = keyvalue[1]; 54 obj[key] = val; 55 return obj; 56 }, {}); 57 } 58 59 var searchParam = fromEntries( 60 matches.map(function (item) { 61 return item.split('='); 62 }), 63 ); 64 return searchParam; 65 } 66 67 var searchParam = getSearchParam(location.search) || {}; // æ¥è¯¢åæ°å¯¹è±¡ 68 69 var isDarkMode = searchParam.theme === 'dark'; // 夿å½åä¸»é¢ 70 var isComponentsPage = location.pathname.indexOf('/components') === 0; // 夿æ¯å¦ç»ä»¶é¡µé¢ 71 72 // 1. æè²ä¸»é¢å·æ°æ¶æ ç½å± 73 // å¦ææ¯æè²ä¸»é¢ï¼ä¸å¨componentsè·¯ç±ä¸ 74 var darkThemeLinkEl = document.getElementById('darkThemeLink'); 75 if (isDarkMode && isComponentsPage) { 76 // å°é¢å å®ä¹çæè²ä¸»é¢linkç§»å¨å°bodyå 77 document.addEventListener( 78 'readystatechange', 79 function () { 80 document.head.appendChild(styleElement); 81 }, 82 { once: true }, 83 ); 84 // loadåå¸è½½ 85 window.addEventListener( 86 'load', 87 function () { 88 darkThemeLinkEl.parentNode.removeChild(darkThemeLinkEl); 89 }, 90 { once: true }, 91 ); 92 setColor(true); 93 // æ¸ é¤dark.cssä¸çå ¨é¨transition å¾ è§£æå®åæ¢å¤ 94 var styleElement = document.createElement('style'); 95 styleElement.type = 'text/css'; 96 styleElement.innerHTML = 97 '* {transition: none !important;} html {background: rgb(20, 20, 20)}'; 98 document.head.appendChild(styleElement); 99 document.documentElement.style.backgroundColor = 'black'; 100 window.addEventListener( 101 'load', 102 function () { 103 styleElement.parentNode.removeChild(styleElement); 104 }, 105 { once: true }, 106 ); 107 108 // 设置系ç»ä¸»é¢ 109 document.documentElement.style.colorScheme = 'dark'; 110 } else { 111 setColor(false); 112 document.documentElement.style.colorScheme = 'light'; 113 darkThemeLinkEl.parentNode.removeChild(darkThemeLinkEl); 114 } 115 })(); 116 </script>
116 117
117<script> 118 (function () { 119 function isLocalStorageNameSupported() { 120 var testKey = 'test'; 121 var storage = window.localStorage; 122 try { 123 storage.setItem(testKey, '1'); 124 storage.removeItem(testKey); 125 return true; 126 } catch (error) { 127 return false; 128 } 129 } 130 // ä¼å 级æé«å°ææéæèµæºçåé¢ï¼è¯è¨ä¸å¯¹ï¼å è½½å ¶ä»éæèµæºæ²¡æä¹ 131 var pathname = location.pathname; 132 133 function isZhCN(pathname) { 134 return /-cn\/?$/.test(pathname); 135 } 136 function getLocalizedPathname(path, zhCN) { 137 var pathname = path.indexOf('/') === 0 ? path : '/' + path; 138 if (!zhCN) { 139 // to enUS 140 return /\/?index-cn/.test(pathname) ? '/' : pathname.replace('-cn', ''); 141 } else if (pathname === '/') { 142 return '/index-cn'; 143 } else if (pathname.indexOf('/') === pathname.length - 1) { 144 return pathname.replace(/\/$/, '-cn/'); 145 } 146 return pathname + '-cn'; 147 } 148 149 // å ¼å®¹æ§ç URLï¼ `?locale=...` 150 var queryString = location.search; 151 if (queryString) { 152 var isZhCNConfig = queryString.indexOf('zh-CN') > -1; 153 if (isZhCNConfig && !isZhCN(pathname)) { 154 location.pathname = getLocalizedPathname(pathname, isZhCNConfig); 155 } 156 } 157 158 // é¦é¡µæ è§é¾æ¥éé¢çè¯è¨è®¾ç½® https://github.com/ant-design/ant-design/issues/4552 159 if (isLocalStorageNameSupported() && (pathname === '/' || pathname === '/index-cn')) { 160 var lang = 161 (window.localStorage && localStorage.getItem('locale')) || 162 ((navigator.language || navigator.browserLanguage).toLowerCase() === 'zh-cn' 163 ? 'zh-CN' 164 : 'en-US'); 165 // safari is 'zh-cn', while other browser is 'zh-CN'; 166 if ((lang === 'zh-CN') !== isZhCN(pathname)) { 167 location.pathname = getLocalizedPathname(pathname, lang === 'zh-CN'); 168 } 169 } 170 document.documentElement.className += isZhCN(pathname) ? 'zh-cn' : 'en-us'; 171 })(); 172 </script>
172 173 </head> 174 <body> 175 <div id="react-content"><header id="header" class="clearfix home-header"><div class="ant-row" style="flex-flow:nowrap;height:64px"><div style="flex:none" class="ant-col"><h1><a id="logo" href="/"><img alt="logo" src="https://gw.alipayobjects.com/zos/rmsportal/KDpgvguMpGfqaHPjicRK.svg"/>Ant Design</a></h1></div><div style="flex:auto" class="ant-col menu-row"><div id="search-box" class=""><span class="ant-input-affix-wrapper"><span class="ant-input-prefix"><span role="img" aria-label="search" class="anticon anticon-search"><svg viewBox="64 64 896 896" focusable="false" data-icon="search" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M909.6 854.5L649.9 594.8C690.2 542.7 712 479 712 412c0-80.2-31.3-155.4-87.9-212.1-56.6-56.7-132-87.9-212.1-87.9s-155.5 31.3-212.1 87.9C143.2 256.5 112 331.8 112 412c0 80.1 31.3 155.5 87.9 212.1C256.5 680.8 331.8 712 412 712c67 0 130.6-21.8 182.7-62l259.7 259.6a8.2 8.2 0 0011.6 0l43.6-43.5a8.2 8.2 0 000-11.6zM570.4 570.4C528 612.7 471.8 636 412 636s-116-23.3-158.4-65.6C211.3 528 188 471.8 188 412s23.3-116.1 65.6-158.4C296 211.3 352.2 188 412 188s116.1 23.2 158.4 65.6S636 352.2 636 412s-23.3 116.1-65.6 158.4z"></path></svg></span></span><input type="text" placeholder="Search" value="" class="ant-input"/></span></div><ul class="ant-menu ant-menu-root ant-menu-horizontal ant-menu-light menu-site" id="nav" dir="ltr" role="menu" tabindex="0" data-menu-list="true"><li class="ant-menu-item ant-menu-item-only-child" role="menuitem" tabindex="-1" data-menu-id="nav-docs/spec"><span class="ant-menu-title-content"><a href="/docs/spec/introduce">Design</a></span></li><li class="ant-menu-item ant-menu-item-only-child" role="menuitem" tabindex="-1" data-menu-id="nav-docs/react"><span class="ant-menu-title-content"><a href="/docs/react/introduce">Docs</a></span></li><li class="ant-menu-item ant-menu-item-only-child" role="menuitem" tabindex="-1" data-menu-id="nav-components"><span class="ant-menu-title-content"><a href="/components/overview/">Components</a></span></li><li class="ant-menu-item ant-menu-item-only-child" role="menuitem" tabindex="-1" data-menu-id="nav-docs/resources"><span class="ant-menu-title-content"><a href="/docs/resources">Resources</a></span></li></ul><div style="display:none" aria-hidden="true"></div><div class="ant-select ant-select-sm version ant-select-single ant-select-show-arrow"><div class="ant-select-selector"><span class="ant-select-selection-search"><input type="search" autoComplete="off" class="ant-select-selection-search-input" role="combobox" aria-haspopup="listbox" aria-owns="undefined_list" aria-autocomplete="list" aria-controls="undefined_list" aria-activedescendant="undefined_list_0" value="" readonly="" unselectable="on" style="opacity:0"/></span><span class="ant-select-selection-item" title="4.20.1">4.20.1</span></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none" unselectable="on" aria-hidden="true"><span role="img" aria-label="down" class="anticon anticon-down ant-select-suffix"><svg viewBox="64 64 896 896" focusable="false" data-icon="down" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"></path></svg></span></span></div><button type="button" class="ant-btn ant-btn-default ant-btn-sm header-button header-lang-button">䏿</button><button type="button" class="ant-btn ant-btn-default ant-btn-sm header-button header-direction-button"><span>RTL</span></button><button type="button" class="ant-btn ant-btn-default ant-btn-sm ant-dropdown-trigger header-button">More<span role="img" aria-label="down" style="font-size:9px;margin:-1px 0 0 2px;vertical-align:middle" class="anticon anticon-down"><svg viewBox="64 64 896 896" focusable="false" data-icon="down" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"></path></svg></span></button><span id="github-btn" class="github-btn"><a class="gh-btn" href="//github.com/ant-design/ant-design/" target="_blank"><span class="gh-ico" aria-hidden="true"></span><span class="gh-text">Star</span></a><a class="gh-count" target="_blank" href="//github.com/ant-design/ant-design/stargazers/"></a></span></div></div></header><div class="home-container"><style> 176 .rc-footer-container { 177 padding-left: 0; 178 padding-right: 0; 179 } 180 181 .rc-footer-columns { 182 max-width: 1208px; 183 margin: 0 auto; 184 } 185 </style><div class="home-banner"><div class="home-banner-background"><img alt="background" src="https://gw.alipayobjects.com/mdn/rms_08e378/afts/img/A*kJM2Q6uPXCAAAAAAAAAAAABkARQnAQ"/><svg viewBox="0 0 1440 448"><g transform="translate(380, 30)" opacity="1" frame="0"><g transform="matrix(1, 0, 0, 1, 0, 0)"><g transform="rotate(0, 170, 170)"><svg><defs><filter id="banner-circle-shadow-1"><feDropShadow dx="10" dy="10" stdDeviation="10" flood-color="rgba(0,0,0,0.05)"></feDropShadow></filter><linearGradient id="banner-circle-fill-1" x1="0%" y1="0%" x2="0%" y2="
185100%"><stop offset="0%" style="stop-color:#FAFCFE"></stop><stop offset="100%" style="stop-color:#F9FCFE"></stop></linearGradient></defs><circle cx="170" cy="170" r="140" fill="url(#banner-circle-fill-1)" filter="url(#banner-circle-shadow-1)"></circle></svg></g></g></g><g transform="translate(-230, 218)" opacity="1" frame="0"><g transform="matrix(1, 0, 0, 1, 0, 0)"><g transform="rotate(0, 230, 230)"><svg><defs><filter id="banner-circle-shadow-2"><feDropShadow dx="10" dy="10" stdDeviation="10" flood-color="rgba(0,0,0,0.05)"></feDropShadow></filter><linearGradient id="banner-circle-fill-2" x1="0%" y1="0%" x2="0%" y2="100%"><stop offset="0%" style="stop-color:#FAFCFE"></stop><stop offset="50%" style="stop-color:#F3F9FC"></stop></linearGradient></defs><circle cx="230" cy="230" r="200" fill="url(#banner-circle-fill-2)" filter="url(#banner-circle-shadow-2)"></circle></svg></g></g></g><g transform="translate(1280, 180)" opacity="1" frame="0"><g transform="matrix(1, 0, 0, 1, 0, 0)"><g transform="rotate(0, 120, 120)"><svg><defs><filter id="banner-rect-shadow-1"><feDropShadow dx="10" dy="10" stdDeviation="10" flood-color="rgba(0,0,0,0.05)"></feDropShadow></filter><linearGradient id="banner-rect-fill-1" x1="0%" y1="0%" x2="0%" y2="100%"><stop offset="25%" style="stop-color:#F8FCFF"></stop><stop offset="100%" style="stop-color:#F8FBFF"></stop></linearGradient></defs><rect x="30" y="30" width="180" height="180" fill="url(#banner-rect-fill-1)" filter="url(#banner-rect-shadow-1)"></rect></svg></g></g></g><g transform="translate(670, -660)" opacity="1" frame="0"><g transform="matrix(1, 0, 0, 1, 0, 0)"><g transform="rotate(0, 430, 430)"><svg width="860" height="860"><defs><filter id="banner-diamond-shadow-1"><feDropShadow dx="10" dy="10" stdDeviation="10" flood-color="rgba(0,0,0,0.05)"></feDropShadow></filter><linearGradient id="banner-diamond-fill-1" x1="0%" y1="0%" x2="0%" y2="100%"><stop offset="60%" style="stop-color:#FCFDFF"></stop><stop offset="100%" style="stop-color:#FCFDFE"></stop></linearGradient></defs><path d="M 30 430 430 30 830 430 430 830 Z" fill="url(#banner-diamond-fill-1)" filter="url(#banner-diamond-shadow-1)"></path></svg></g></g></g></svg></div><div class="home-banner-holder"><div class="home-banner-content"><div><div class="home-card-logo"><img alt="Ant Design" src="https://gw.alipayobjects.com/zos/basement_prod/80e7d303-aa05-4c2d-94e9-2255ab5cea6c.svg" class="home-banner-mini"/><img width="500" height="87" alt="Ant Design" src="https://gw.alipayobjects.com/zos/antfincdn/6UYtAUYPXE/AntDesign.svg" class="home-banner-normal"/><svg viewBox="0 0 64 64" class="home-card-logo-icon"><g transform="translate(16, 16)" opacity="1" frame="0" cubic="0.25,0.1,0.25,1"><g transform="matrix(1, 0, 0, 1, 0, 0)"><g transform="rotate(0, 16, 16)"><svg><circle cx="16" cy="16" r="9" fill="#F74455"></circle></svg></g></g></g></svg></div></div><p>A design system for enterprise-level products. Create an efficient and enjoyable work experience.</p><div class="home-banner-content-operations"><a href="/docs/react/introduce"><button type="button" class="ant-btn ant-btn-round ant-btn-primary">Getting Started</button></a><a href="/docs/spec/introduce"><button type="button" class="ant-btn ant-btn-round ant-btn-default ant-btn-background-ghost">Design Language</button></a></div></div></div></div><div style="max-width:1256px;margin:0 auto"><div class="home-block-content"><h2 class="ant-typography" style="font-weight:lighter;color:#314659" direction="ltr">Recommended</h2><div class="ant-row" style="margin-left:-12px;margin-right:-12px;margin-top:-12px;margin-bottom:-36px"><div style="padding-left:12px;padding-right:12px;padding-top:12px;padding-bottom:12px" class="ant-col ant-col-xs-24 ant-col-sm-14"><a class="recommend-block recommend-block-main recommend-block-loading" target="_blank" rel="noopener noreferrer"><img/><div class="recommend-content"><h4 class="ant-typography" direction="ltr"></h4><div class="ant-typography" style="font-size:13px" direction="ltr"></div></div></a></div><div style="padding-left:12px;padding-right:12px;padding-top:12px;padding-bottom:12px" class="ant-col ant-col-xs-24 ant-col-sm-10"><div class="ant-row" style="margin-left:-12px;margin-right:-12px;margin-top:-12px;margin-bottom:-12px"><div style="padding-left:12px;padding-right:12px;padding-top:12px;padding-bottom:12px" class="ant-col ant-col-24"><a class="recommend-block recommend-block-loading" target="_blank" rel="noopener noreferrer"><img/><div class="recommend-content"><h4 class="ant-typography" direction="ltr"></h4><div class="ant-typography" style="font-size:13px" direction="ltr"></div></div></a></div><div style="padding-left:12px;padding-right:12px;padding-top:12px;padding-bottom:12px" class="ant-col ant-col-24"><a class="recommend-block recommend-block-loading" target="_blank" rel="noopener noreferrer"><img/><div class="recommend-content"><h4 class="ant-typography" direction="ltr"></h4><div class="ant-typography" style="font-size:13px" direction="ltr"></div></div></a></div></div></div></div></div><div class="home-block-content"><h2 class="ant-typography" style="font-weight:lighter;color:#314659" direction="ltr">Design language and framework</h2><div style="margin-bottom:-28px"><div class="ant-row" style="margin-left:-20px;margin-right:-20px;margin-top:-20px;margin-bottom:-20px"><div style="padding-left:20px;padding-right:20px;padding-top:20px;padding-bottom:20px" class="ant-col ant-col-24"><div class="design-card main-card"><h3 class="ant-typography" direction="ltr">Design values</h3><div class="ant-row ant-row-stretch"><div class="ant-col ant-col-xs-24 ant-col-sm-8">This is Ant Design's internal standard for evaluating design quality. Based on the assumption that "everyone is pursuing happiness at work", we have added the two values of "Meaningfulness" and "Growth" on the basis of "Certainty" and "Naturalness" to guide each designer towards better judgment and decision-making.<a class="design-card-detail" href="/docs/spec/values">More details<span role="img" aria-label="right" class="anticon anticon-right home-link-arrow"><svg viewBox="64 64 896 896" focusable="false" data-icon="right" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.9
1856 31.96 0 000-50.4z"></path></svg></span></a></div><div class="ant-col ant-col-xs-24 ant-col-sm-16"><div class="ant-row design-values"><div class="ant-col ant-col-xs-12 ant-col-sm-6"><img alt="certainty" src="https://gw.alipayobjects.com/mdn/rms_08e378/afts/img/A*43rfS4dD0MUAAAAAAAAAAABkARQnAQ"/><span><svg viewBox="0 0 120 120" style="width:120px;height:120px"><g transform="translate(14, 14)" opacity="1" frame="0"><g transform="matrix(1, 0, 0, 1, 0, 0)"><g transform="rotate(0, 7, 7)"><rect x="0" y="0" width="14" height="14" fill="#0170FE"></rect></g></g></g><g transform="translate(14, 40)" opacity="1" frame="0"><g transform="matrix(1, 0, 0, 1, 0, 0)"><g transform="rotate(0, 7, 7)"><rect x="0" y="0" width="14" height="14" fill="#0170FE"></rect></g></g></g><g transform="translate(14, 66)" opacity="1" frame="0"><g transform="matrix(1, 0, 0, 1, 0, 0)"><g transform="rotate(0, 7, 7)"><rect x="0" y="0" width="14" height="14" fill="#0170FE"></rect></g></g></g><g transform="translate(14, 92)" opacity="1" frame="0"><g transform="matrix(1, 0, 0, 1, 0, 0)"><g transform="rotate(0, 7, 7)"><rect x="0" y="0" width="14" height="14" fill="#0170FE"></rect></g></g></g><g transform="translate(40, 14)" opacity="1" frame="0"><g transform="matrix(1, 0, 0, 1, 0, 0)"><g transform="rotate(0, 7, 7)"><rect x="0" y="0" width="14" height="14" fill="#0170FE"></rect></g></g></g><g transform="translate(40, 40)" opacity="1" frame="0"><g transform="matrix(1, 0, 0, 1, 0, 0)"><g transform="rotate(0, 7, 7)"><rect x="0" y="0" width="14" height="14" fill="#0170FE"></rect></g></g></g><g transform="translate(40, 66)" opacity="1" frame="0"><g transform="matrix(1, 0, 0, 1, 0, 0)"><g transform="rotate(0, 7, 7)"><rect x="0" y="0" width="14" height="14" fill="#0170FE"></rect></g></g></g><g transform="translate(40, 92)" opacity="1" frame="0"><g transform="matrix(1, 0, 0, 1, 0, 0)"><g transform="rotate(0, 7, 7)"><rect x="0" y="0" width="14" height="14" fill="#0170FE"></rect></g></g></g><g transform="translate(66, 14)" opacity="1" frame="0"><g transform="matrix(1, 0, 0, 1, 0, 0)"><g transform="rotate(0, 7, 7)"><rect x="0" y="0" width="14" height="14" fill="#0170FE"></rect></g></g></g><g transform="translate(66, 40)" opacity="1" frame="0"><g transform="matrix(1, 0, 0, 1, 0, 0)"><g transform="rotate(0, 7, 7)"><rect x="0" y="0" width="14" height="14" fill="#0170FE"></rect></g></g></g><g transform="translate(66, 66)" opacity="1" frame="0"><g transform="matrix(1, 0, 0, 1, 0, 0)"><g transform="rotate(0, 7, 7)"><rect x="0" y="0" width="14" height="14" fill="#0170FE"></rect></g></g></g><g transform="translate(66, 92)" opacity="1" frame="0"><g transform="matrix(1, 0, 0, 1, 0, 0)"><g transform="rotate(0, 7, 7)"><rect x="0" y="0" width="14" height="14" fill="#0170FE"></rect></g></g></g><g transform="translate(92, 14)" opacity="1" frame="0"><g transform="matrix(1, 0, 0, 1, 0, 0)"><g transform="rotate(0, 7, 7)"><rect x="0" y="0" width="14" height="14" fill="#0170FE"></rect></g></g></g><g transform="translate(92, 40)" opacity="1" frame="0"><g transform="matrix(1, 0, 0, 1, 0, 0)"><g transform="rotate(0, 7, 7)"><rect x="0" y="0" width="14" height="14" fill="#0170FE"></rect></g></g></g><g transform="translate(92, 66)" opacity="1" frame="0"><g transform="matrix(1, 0, 0, 1, 0, 0)"><g transform="rotate(0, 7, 7)"><rect x="0" y="0" width="14" height="14" fill="#0170FE"></rect></g></g></g><g transform="translate(92, 92)" opacity="1" frame="0"><g transform="matrix(1, 0, 0, 1, 0, 0)"><g transform="rotate(0, 7, 7)"><rect x="0" y="0" width="14" height="14" fill="#0170FE"></rect></g></g></g></svg></span><h4>Certainty</h4></div><div class="ant-col ant-col-xs-12 ant-col-sm-6"><img alt="meaningful" src="https://gw.alipayobjects.com/mdn/rms_08e378/afts/img/A*abGUQKUocSMAAAAAAAAAAABkARQnAQ"/><span><svg viewBox="0 0 120 120" style="width:120px;height:120px"><g transform="translate(24, 24)" opacity="0.4" frame="0"><g transform="matrix(1.3, 0, 0, 1.3, -10.800000000000004, -10.800000000000004)"><g transform="rotate(0, 36, 36)"><circle cx="36" cy="36" r="30" stroke="#F74455" stroke-width="12" fill="rgba(0,0,0,0)"></circle></g></g></g><g transform="translate(24, 24)" opacity="1" frame="0"><g transform="matrix(1, 0, 0, 1, 0, 0)"><g transform="rotate(0, 36, 36)"><circle cx="36" cy="36" r="30" stroke="#F74455" stroke-width="12" fill="rgba(0,0,0,0)"></circle></g></g></g><g transform="translate(47, 48)" opacity="1" frame="0" cubic="0.25,0.1,0.25,1"><g transform="matrix(1, 0, 0, 1, 0, 0)"><g transform="rotate(0, 13, 12)"><path fill="#F74455" d="M24.7788462,5.41153846 C24.3923077,4.51442308 23.8384615,3.7125 23.1375,3.02307692 C22.4365385,2.33653846 21.6230769,1.8 20.7144231,1.42211538 C19.7769231,1.03269231 18.7846154,0.836538462 17.7605769,0.836538462 C16.3384615,0.836538462 14.9509615,1.22596154 13.7451923,1.96153846 C13.4567308,2.1375 13.1826923,2.33076923 12.9230769,2.54134615 C12.6634615,2.33076923 12.3894231,2.1375 12.1009615,1.96153846 C10.8951923,1.22596154 9.50769231,0.836538462 8.08557692,0.836538462 C7.06153846,0.836538462 6.06923077,1.03269231 5.13173077,1.42211538 C4.22596154,1.79711538 3.40961538,2.33653846 2.70865385,3.02307692 C2.00480769,3.7125 1.45384615,4.51442308 1.06730769,5.41153846 C0.666346154,6.34326923 0.461538462,7.33269231 0.461538462,8.35096154 C0.461538462,9.31153846 0.657692308,10.3125 1.04711538,11.3307692 C1.37307692,12.1817308 1.84038462,13.0644231 2.4375,13.9557692 C3.38365385,15.3663462 4.68461538,16.8375 6.3,18.3288462 C8.97692308,20.8009615 11.6278846,22.5086538 11.7403846,22.5778846 L12.4240385,23.0163462 C12.7269231,23.2096154 13.1163462,23.2096154 13.4192308,23.0163462 L14.1028846,22.5778846 C14.2153846,22.5057692 16.8634615,20.8009615 19.5432692,18.3288462 C21.1586538,16.8375 22.4596154,15.3663462 23.4057692,13.9557692 C24.0028846,13.0644231 24.4730769,12.1817308 24.7961538,11.3307692 C25.1855769,10.3125 25.3817608,9.31153846 25.3817608,8.35096154 C25.3846154,7.33269231 25.1798077,6.34326923 24.7788462,5.41153846 Z"></path></g></g></g></svg></span><h4>Meaningfulness</h4></div><div class="ant-col ant-col-xs-12 ant-col-sm-6"><img alt="growth" src="https://gw.alipayobjects.com/mdn/rms_08e378/afts/img/A*NvhsRKmTLwUAAAAAAAAAAABkARQnAQ"/>
185<span><svg viewBox="0 0 120 120" style="width:120px;height:120px"><g transform="translate(20, 12)" opacity="1" frame="0"><g transform="matrix(1, 0, 0, 1, 0, 0)"><g transform="rotate(0, 0, 0)"><path fill="#FFB200" d="M81.8274462,0.126276923 L81.8274462,19.3203692 L75.7661538,19.3203692 L75.7666925,9.85015287 C58.6630313,32.8286615 33.5224908,52.4154208 0.389745066,68.6317684 L1.32871492e-12,68.8209231 L0.00109197241,62.0542198 C30.7061773,46.7059243 54.0774442,28.4225755 70.1546362,7.22315635 L70.7125099,6.48245893 L70.931,6.18727692 L62.6333538,6.18756923 L62.6333538,0.126276923 L81.8274462,0.126276923 Z"></path></g></g></g><g transform="translate(18, 88)" opacity="1" frame="0"><g transform="matrix(1, 0, 0, 1.2, 0, -2)"><g transform="rotate(0, 0, 10)"><rect x="0" y="0" width="10" height="10" fill="#FFD75A"></rect></g></g></g><g transform="translate(37, 88)" opacity="1" frame="0"><g transform="matrix(1, 0, 0, 2.1, 0, -11)"><g transform="rotate(0, 0, 10)"><rect x="0" y="0" width="10" height="10" fill="#FFD75A"></rect></g></g></g><g transform="translate(56, 88)" opacity="1" frame="0"><g transform="matrix(1, 0, 0, 3.1, 0, -21)"><g transform="rotate(0, 0, 10)"><rect x="0" y="0" width="10" height="10" fill="#FFD75A"></rect></g></g></g><g transform="translate(75, 88)" opacity="1" frame="0"><g transform="matrix(1, 0, 0, 4.5, 0, -35)"><g transform="rotate(0, 0, 10)"><rect x="0" y="0" width="10" height="10" fill="#FFD75A"></rect></g></g></g><g transform="translate(94, 88)" opacity="1" frame="0"><g transform="matrix(1, 0, 0, 6, 0, -50)"><g transform="rotate(0, 0, 10)"><rect x="0" y="0" width="10" height="10" fill="#FFD75A"></rect></g></g></g></svg></span><h4>Growth</h4></div><div class="ant-col ant-col-xs-12 ant-col-sm-6"><img alt="natural" src="https://gw.alipayobjects.com/mdn/rms_08e378/afts/img/A*cY0tTr8q3Y4AAAAAAAAAAABkARQnAQ"/><span><svg viewBox="0 0 120 120" style="width:120px;height:120px"><g transform="translate(40, 10)" opacity="1" frame="0"><g transform="matrix(1, 0, 0, 1, 0, 0)"><g transform="rotate(0, 20, 52)"><g transform="translate(-21, 0)"><path fill="#1AC2C4" d="M28.2905357,39.3895069 C19.5022967,30.5689999 19.0276854,22.2248468 26.8667019,14.3570476 L40.9119428,0.260236443 L41.1921968,3.90798505e-14 L41.4726726,0.260236443 L55.5179135,14.3570476 C63.2785398,22.1461688 62.8909795,30.4021645 54.3552327,39.1250346 L54.0940797,39.3895069 L41.1924185,52.3384615 L28.2905357,39.3895069 Z"></path></g></g></g></g><g transform="translate(18, 58)" opacity="1" frame="0"><g transform="matrix(1, 0, 0, 1, 0, 0)"><g transform="rotate(0, 38, 38)"><g><path transform="scale(-1 1) translate(-38 0)" d="M5.09459142e-12,19.103307 C5.09459142e-12,6.367769 5.67998275,9.23705556e-14 17.0399482,9.23705556e-14 L37.3937073,9.23705556e-14 L37.7846452,0.0151941192 L37.8,0.406292705 L37.8,20.7600518 C37.8,32.0064176 31.5589496,37.6858323 19.0768488,37.798296 L18.696693,37.8 L5.09459142e-12,37.8 L5.09459142e-12,19.103307 Z" fill="#199598"></path><path d="M37.8,37.8 L19.103307,37.8 L18.7231512,37.7982398 C6.38129872,37.6870398 0.141036235,32.1332859 0.00236373579,21.1369781 L1.4814816e-12,20.7599955 L1.4814816e-12,0.406236487 L0.0153547541,0.0151379008 L37.8,37.8 Z" fill="#1AC2C4"></path></g></g></g></g><g transform="translate(64, 58)" opacity="1" frame="0"><g transform="matrix(1, 0, 0, 1, 0, 0)"><g transform="rotate(0, 0, 38)"><g><path transform="translate(-45 -50)" fill="#32A7A7" d="M82.4631296,49.9151931 L82.8540675,49.9303872 L82.8694223,50.3214858 L82.8694223,70.6752449 C82.8694223,81.9216107 76.6283719,87.6010254 64.1462711,87.7134891 L63.7661153,87.7151931 L45.0694223,87.7151931 L45.0694223,69.0185001 C45.0694223,56.2829621 50.749405,49.9151931 62.1093705,49.9151931 L82.4631296,49.9151931 Z M76.7205394,56 L62.7205993,56 C54.9068664,56 51,60.3799469 51,69.1398408 L51,69.1398408 L51,82 L63.8601592,82 L64.121642,81.9988279 C72.707214,81.921472 77,78.0149962 77,70.2794007 L77,70.2794007 L77,56.2794606 L76.9894385,56.010451 L76.7205394,56 Z"></path></g></g></g></g></svg></span><h4>Naturalness</h4></div></div></div></div></div></div><div style="padding-left:20px;padding-right:20px;padding-top:20px;padding-bottom:20px" class="ant-col ant-col-xs-24 ant-col-sm-12"><div class="design-card sub-card" style="background:#E6F1FF;background-image:url(https://gw.alipayobjects.com/mdn/rms_08e378/afts/img/A*0oaHSYRcnT4AAAAAAAAAAABkARQnAQ)"><div class="ant-row"><div class="ant-col card-info ant-col-xs-24 ant-col-sm-9"><h3 class="ant-typography" direction="ltr">Guidelines</h3><ul><li><a href="/docs/spec/colors">Global style<span role="img" aria-label="right" class="anticon anticon-right home-link-arrow"><svg viewBox="64 64 896 896" focusable="false" data-icon="right" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.9
1856 31.96 0 000-50.4z"></path></svg></span></a></li><li><a href="/docs/spec/overview">Design patterns<span role="img" aria-label="right" class="anticon anticon-right home-link-arrow"><svg viewBox="64 64 896 896" focusable="false" data-icon="right" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"></path></svg></span></a></li></ul></div><div style="align-self:flex-end;text-align:right" class="ant-col design-card-img-col ant-col-xs-24 ant-col-sm-15"><img alt="design guide" style="max-height:278px;max-width:100%" src="https://gw.alipayobjects.com/mdn/rms_08e378/afts/img/A*5PRzTL4pwuYAAAAAAAAAAABkARQnAQ"/></div></div></div></div><div style="padding-left:20px;padding-right:20px;padding-top:20px;padding-bottom:20px" class="ant-col ant-col-xs-24 ant-col-sm-12"><div class="design-card sub-card" style="background:#DEF6FF;background-image:url(https://gw.alipayobjects.com/mdn/rms_08e378/afts/img/A*TLJTT78n7rMAAAAAAAAAAABkARQnAQ)"><div class="ant-row"><div class="ant-col card-info ant-col-xs-24 ant-col-sm-12"><h3 class="ant-typography" direction="ltr">Components</h3><ul><li><a href="/docs/react/introduce">Ant Design of React</a><span style="font-size:12px;color:#888;margin-left:0.3em">(<!-- -->official<!-- -->)</span></li><li><a href="https://ng.ant.design/" target="_blank" rel="noopener noreferrer">Ant Design of Angular</a><span style="font-size:12px;color:#888;margin-left:0.3em">(<!-- -->community<!-- -->)</span></li><li><a href="https://antdv.com/" target="_blank" rel="noopener noreferrer">Ant Design of Vue</a><span style="font-size:12px;color:#888;margin-left:0.3em">(<!-- -->community<!-- -->)</span></li></ul></div><div style="align-self:flex-end;text-align:right" class="ant-col ant-col-xs-24 ant-col-sm-12"><img alt="components" class="design-card-img-col" style="max-height:278px;max-width:100%" src="https://gw.alipayobjects.com/mdn/rms_08e378/afts/img/A*8VDFTbQn4UAAAAAAAAAAAABkARQnAQ"/></div></div></div></div></div><div class="ant-row design-mini-panels" style="margin-left:-20px;margin-right:-20px;margin-top:40px;margin-bottom:-20px"><div style="padding-left:20px;padding-right:20px;padding-top:20px;padding-bottom:20px" class="ant-col ant-col-xs-24 ant-col-sm-8"><a href="https://antv.vision" target="_blank" rel="noopener noreferrer"><div class="ant-card ant-card-bordered ant-card-hoverable design-mini-panel"><div class="ant-card-cover"><img alt="AntV" src="https://gw.alipayobjects.com/mdn/rms_08e378/afts/img/A*ZhzDQLMyYlYAAAAAAAAAAABkARQnAQ"/></div><div class="ant-card-body"><div class="ant-card-meta"><div class="ant-card-meta-detail"><div class="ant-card-meta-title">AntV</div><div class="ant-card-meta-description">A new way to do data visualization</div></div></div></div></div></a></div><div style="padding-left:20px;padding-right:20px;padding-top:20px;padding-bottom:20px" class="ant-col ant-col-xs-24 ant-col-sm-8"><a href="https://pro.ant.design/" target="_blank" rel="noopener noreferrer"><div class="ant-card ant-card-bordered ant-card-hoverable design-mini-panel"><div class="ant-card-cover"><img alt="Ant Design Pro" src="https://gw.alipayobjects.com/zos/antfincdn/888xda6kBc/Ant%252520Design%252520shouyepeitu.svg"/></div><div class="ant-card-body"><div class="ant-card-meta"><div class="ant-card-meta-detail"><div class="ant-card-meta-title">Ant Design Pro</div><div class="ant-card-meta-description">Out-of-the-box UI solution for enterprise applications</div></div></div></div></div></a></div><div style="padding-left:20px;padding-right:20px;padding-top:20px;padding-bottom:20px" class="ant-col ant-col-xs-24 ant-col-sm-8"><a href="https://mobile.ant.design/" target="_blank" rel="noopener noreferrer"><div class="ant-card ant-card-bordered ant-card-hoverable design-mini-panel"><div class="ant-card-cover"><img alt="Ant Design Mobile" src="https://gw.alipayobjects.com/mdn/rms_08e378/afts/img/A*mb-WQILTlSEAAAAAAAAAAABkARQnAQ"/></div><div class="ant-card-body"><div class="ant-card-meta"><div class="ant-card-meta-detail"><div class="ant-card-meta-title">Ant Design Mobile</div><div class="ant-card-meta-description">Mobile UI components with Ant Design</div></div></div></div></div></a></div><div style="padding-left:20px;padding-right:20px;padding-top:20px;padding-bottom:20px" class="ant-col ant-col-xs-24 ant-col-sm-8"><a href="/docs/spec/illustration"><div class="ant-card ant-card-bordered ant-card-hoverable design-mini-panel"><div class="ant-card-cover"><img alt="Hitu" src="https://gw.alipayobjects.com/mdn/rms_08e378/afts/img/A*Pr
185LWSpmWZmIAAAAAAAAAAABkARQnAQ"/></div><div class="ant-card-body"><div class="ant-card-meta"><div class="ant-card-meta-detail"><div class="ant-card-meta-title">HiTu</div><div class="ant-card-meta-description">A new generation of graphical solutions</div></div></div></div></div></a></div><div style="padding-left:20px;padding-right:20px;padding-top:20px;padding-bottom:20px" class="ant-col ant-col-xs-24 ant-col-sm-8"><a href="https://kitchen.alipay.com/" target="_blank" rel="noopener noreferrer"><div class="ant-card ant-card-bordered ant-card-hoverable design-mini-panel"><div class="ant-card-cover"><img alt="Kitchen" src="https://gw.alipayobjects.com/mdn/rms_08e378/afts/img/A*MaL2SYtHPuMAAAAAAAAAAABkARQnAQ"/></div><div class="ant-card-body"><div class="ant-card-meta"><div class="ant-card-meta-detail"><div class="ant-card-meta-title">Kitchen</div><div class="ant-card-meta-description">A Sketch plugin to enhance designers</div></div></div></div></div></a></div><div style="padding-left:20px;padding-right:20px;padding-top:20px;padding-bottom:20px" class="ant-col ant-col-xs-24 ant-col-sm-8"><a href="/components/icon/"><div class="ant-card ant-card-bordered ant-card-hoverable design-mini-panel"><div class="ant-card-cover"><img alt="Icons" src="https://gw.alipayobjects.com/mdn/rms_08e378/afts/img/A*T_HeSIJ30IIAAAAAAAAAAABkARQnAQ"/></div><div class="ant-card-body"><div class="ant-card-meta"><div class="ant-card-meta-detail"><div class="ant-card-meta-title">Icons</div><div class="ant-card-meta-description">A set of premium icons</div></div></div></div></div></a></div></div></div></div><div class="home-block-content"><h2 class="ant-typography" style="font-weight:lighter;color:#314659" direction="ltr">Learn More<div class="home-block-content-extra"><a target="_blank" href="/docs/resources#Articles">More</a></div></h2><div class="ant-row" style="margin-left:-12px;margin-right:-12px;margin-top:-16px;margin-bottom:-16px"></div></div></div><footer class="rc-footer rc-footer-dark"><section class="rc-footer-container"><section class="rc-footer-columns"><div class="rc-footer-column"><h2>Resources</h2><div class="rc-footer-item"><a href="https://charts.ant.design" target="_blank" rel="noopener noreferrer">Ant Design Charts</a></div><div class="rc-footer-item"><a href="https://pro.ant.design" target="_blank" rel="noopener noreferrer">Ant Design Pro</a></div><div class="rc-footer-item"><a href="https://procomponents.ant.design" target="_blank" rel="noopener noreferrer">Ant Design Pro Components</a></div><div class="rc-footer-item"><a href="https://mobile.ant.design" target="_blank" rel="noopener noreferrer">Ant Design Mobile</a></div><div class="rc-footer-item"><a href="https://landing.ant.design" target="_blank" rel="noopener noreferrer">Ant Design Landing</a><span class="rc-footer-item-separator">-</span><span class="rc-footer-item-description">Landing Templates</span></div><div class="rc-footer-item"><a href="https://scaffold.ant.design" target="_blank" rel="noopener noreferrer">Scaffolds</a><span class="rc-footer-item-separator">-</span><span class="rc-footer-item-description">Scaffold Market</span></div><div class="rc-footer-item"><a href="https://umijs.org" target="_blank" rel="noopener noreferrer">Umi</a><span class="rc-footer-item-separator">-</span><span class="rc-footer-item-description">React Application Framework</span></div><div class="rc-footer-item"><a href="https://d.umijs.org" target="_blank" rel="noopener noreferrer">Dumi</a><span class="rc-footer-item-separator">-</span><span class="rc-footer-item-description">Component doc generator</span></div><div class="rc-footer-item"><a href="https://qiankun.umijs.org" target="_blank" rel="noopener noreferrer">qiankun</a><span class="rc-footer-item-separator">-</span><span class="rc-footer-item-description">Micro-Frontends Framework</span></div><div class="rc-footer-item"><a href="https://github.com/alibaba/hooks" target="_blank" rel="noopener noreferrer">ahooks</a><span class="rc-footer-item-separator">-</span><span class="rc-footer-item-description">React Hooks Library</span></div><div class="rc-footer-item"><a href="https://motion.ant.design" target="_blank" rel="noopener noreferrer">Ant Motion</a><span class="rc-footer-item-separator">-</span><span class="rc-footer-item-description">Motion Solution</span></div><div class="rc-footer-item"><a href="https://ant-design.gitee.io/">China Mirror ð¨ð³</a></div></div><div class="rc-footer-column"><h2>Community</h2><div class="rc-footer-item"><a href="https://github.com/websemantics/awesome-ant-design" target="_blank" rel="noopener noreferrer"><span class="rc-footer-item-icon"><span role="img" aria-label="ant-design" class="anticon anticon-ant-design"><svg viewBox="64 64 896 896" focusable="false" data-icon="ant-design" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M716.3 313.8c19-18.9 19-49.7 0-68.6l-69.9-69.9.1.1c-18.5-18.5-50.3-50.3-95.3-95.2-21.2-2
1850.7-55.5-20.5-76.5.5L80.9 474.2a53.84 53.84 0 000 76.4L474.6 944a54.14 54.14 0 0076.5 0l165.1-165c19-18.9 19-49.7 0-68.6a48.7 48.7 0 00-68.7 0l-125 125.2c-5.2 5.2-13.3 5.2-18.5 0L189.5 521.4c-5.2-5.2-5.2-13.3 0-18.5l314.4-314.2c.4-.4.9-.7 1.3-1.1 5.2-4.1 12.4-3.7 17.2 1.1l125.2 125.1c19 19 49.8 19 68.7 0zM408.6 514.4a106.3 106.2 0 10212.6 0 106.3 106.2 0 10-212.6 0zm536.2-38.6L821.9 353.5c-19-18.9-49.8-18.9-68.7.1a48.4 48.4 0 000 68.6l83 82.9c5.2 5.2 5.2 13.3 0 18.5l-81.8 81.7a48.4 48.4 0 000 68.6 48.7 48.7 0 0068.7 0l121.8-121.7a53.93 53.93 0 00-.1-76.4z"></path></svg></span></span>Awesome Ant Design</a></div><div class="rc-footer-item"><a href="http://medium.com/ant-design/" target="_blank" rel="noopener noreferrer"><span class="rc-footer-item-icon"><span role="img" aria-label="medium" class="anticon anticon-medium"><svg viewBox="64 64 896 896" focusable="false" data-icon="medium" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M834.7 279.8l61.3-58.9V208H683.7L532.4 586.4 360.3 208H137.7v12.9l71.6 86.6c7 6.4 10.6 15.8 9.7 25.2V673c2.2 12.3-1.7 24.8-10.3 33.7L128 805v12.7h228.6v-12.9l-80.6-98a39.99 39.99 0 01-11.1-33.7V378.7l200.7 439.2h23.3l172.6-439.2v349.9c0 9.2 0 11.1-6 17.2l-62.1 60.3V819h301.2v-12.9l-59.9-58.9c-5.2-4-7.9-10.7-6.8-17.2V297a18.1 18.1 0 016.8-17.2z"></path></svg></span></span>Medium</a></div><div class="rc-footer-item"><a href="http://twitter.com/antdesignui" target="_blank" rel="noopener noreferrer"><span class="rc-footer-item-icon"><span role="img" aria-label="twitter" style="color:#1DA1F2" class="anticon anticon-twitter"><svg viewBox="64 64 896 896" focusable="false" data-icon="twitter" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M928 254.3c-30.6 13.2-63.9 22.7-98.2 26.4a170.1 170.1 0 0075-94 336.64 336.64 0 01-108.2 41.2A170.1 170.1 0 00672 174c-94.5 0-170.5 76.6-170.5 170.6 0 13.2 1.6 26.4 4.2 39.1-141.5-7.4-267.7-75-351.6-178.5a169.32 169.32 0 00-23.2 86.1c0 59.2 30.1 111.4 76 142.1a172 172 0 01-77.1-21.7v2.1c0 82.9 58.6 151.6 136.7 167.4a180.6 180.6 0 01-44.9 5.8c-11.1 0-21.6-1.1-32.2-2.6C211 652 273.9 701.1 348.8 702.7c-58.6 45.9-132 72.9-211.7 72.9-14.3 0-27.5-.5-41.2-2.1C171.5 822 261.2 850 357.8 850 671.4 850 843 590.2 843 364.7c0-7.4 0-14.8-.5-22.2 33.2-24.3 62.3-54.4 85.5-88.2z"></path></svg></span></span>Twitter</a></div><div class="rc-footer-item"><a href="http://zhuanlan.zhihu.com/antdesign" target="_blank" rel="noopener noreferrer"><span class="rc-footer-item-icon"><span role="img" aria-label="zhihu" style="color:#0084ff" class="anticon anticon-zhihu"><svg viewBox="64 64 896 896" focusable="false" data-icon="zhihu" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M564.7 230.1V803h60l25.2 71.4L756.3 803h131.5V230.1H564.7zm247.7 497h-59.9l-75.1 50.4-17.8-50.4h-18V308.3h170.7v418.8zM526.1 486.9H393.3c2.1-44.9 4.3-104.3 6.6-172.9h130.9l-.1-8.1c0-.6-.2-14.7-2.3-29.1-2.1-15-6.6-34.9-21-34.9H287.8c4.4-20.6 15.7-69.7 29.4-93.8l6.4-11.2-12.9-.7c-.8 0-19.6-.9-41.4 10.6-35.7 19-51.7 56.4-58.7 84.4-18.4 73.1-44.6 123.9-55.7 145.6-3.3 6.4-5.3 10.2-6.2 12.8-1.8 4.9-.8 9.8 2.8 13 10.5 9.5 38.2-2.9 38.5-3 .6-.3 1.3-.6 2.2-1 13.9-6.3 55.1-25 69.8-84.5h56.7c.7 32.2 3.1 138.4 2.9 172.9h-141l-2.1 1.5c-23.1 16.9-30.5 63.2-30.8 65.2l-1.4 9.2h167c-12.3 78.3-26.5 113.4-34 127.4-3.7 7-7.3 14-10.7 20.8-21.3 42.2-43.4 85.8-126.3 153.6-3.6 2.8-7 8-4.8 13.7 2.4 6.3 9.3 9.1 24.6 9.1 5.4 0 11.8-.3 19.4-1 49.9-4.4 100.8-18 135.1-87.6 17-35.1 31.7-71.7 43.9-108.9L497 850l5-12c.8-1.9 19-46.3 5.1-95.9l-.5-1.8-108.1-123-22 16.6c6.4-26.1 10.6-49.9 12.5-71.1h158.7v-8c0-40.1-18.5-63.9-19.2-64.9l-2.4-3z"></path></svg></span></span>Ant Design Blog</a></div><div class="rc-footer-item"><a href="http://zhuanlan.zhihu.com/xtech" target="_blank" rel="noopener noreferrer"><span class="rc-footer-item-icon"><span role="img" aria-label="zhihu" style="color:#0084ff" class="anticon anticon-zhihu"><svg viewBox="64 64 896 896" focusable="false" data-icon="zhihu" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M564.7 230.1V803h60l25.2 71.4L756.3 803h131.5V230.1H564.7zm247.7 497h-59.9l-75.1 50.4-17.8-50.4h-18V308.3h170.7v418.8zM526.1 486.9H393.3c2.1-44.9 4.3-104.3 6.6-172.9h130.9l-.1-8.1c0-.6-.2-14.7-2.3-29.1-2.1-15-6.6-34.9-21-34.9H287.8c4.4-20.6 15.7-69.7 29.4-93.8l6.4-11.2-12.9-.7c-.8 0-19.6-.9-41.4 10.6-35.7 19-51.7 56.4-58.7 84.4-18.4 73.1-44.6 123.9-55.7 145.6-3.3 6.4-5.3 10.2-6.2 12.8-1.8 4.9-.8 9.8 2.8 13 10.5 9.5 38.2-2.9 38.5-3 .6-.3 1.3-.6 2.2-1 13.9-6.3 55.1-25 69.8-84.5h56.7c.7 32.2 3.1 138.4 2.9 172.9h-141l-2.1 1.5c-23.1 16.9-30.5 63.2-30.8 65.2l-1.4 9.2h167c-12.3 78.3-26.5 113.4-34 127.4-3.7 7-
1857.3 14-10.7 20.8-21.3 42.2-43.4 85.8-126.3 153.6-3.6 2.8-7 8-4.8 13.7 2.4 6.3 9.3 9.1 24.6 9.1 5.4 0 11.8-.3 19.4-1 49.9-4.4 100.8-18 135.1-87.6 17-35.1 31.7-71.7 43.9-108.9L497 850l5-12c.8-1.9 19-46.3 5.1-95.9l-.5-1.8-108.1-123-22 16.6c6.4-26.1 10.6-49.9 12.5-71.1h158.7v-8c0-40.1-18.5-63.9-19.2-64.9l-2.4-3z"></path></svg></span></span>Experience Cloud Blog</a></div><div class="rc-footer-item"><a href="https://seeconf.antfin.com/" target="_blank" rel="noopener noreferrer"><span class="rc-footer-item-icon"><img src="https://gw.alipayobjects.com/zos/rmsportal/mZBWtboYbnMkTBaRIuWQ.png" alt="seeconf"/></span>SEE Conf</a><span class="rc-footer-item-separator">-</span><span class="rc-footer-item-description">Experience Tech Conference</span></div></div><div class="rc-footer-column"><h2>Help</h2><div class="rc-footer-item"><a href="https://github.com/ant-design/ant-design" target="_blank" rel="noopener noreferrer"><span class="rc-footer-item-icon"><span role="img" aria-label="github" class="anticon anticon-github"><svg viewBox="64 64 896 896" focusable="false" data-icon="github" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M511.6 76.3C264.3 76.2 64 276.4 64 523.5 64 718.9 189.3 885 363.8 946c23.5 5.9 19.9-10.8 19.9-22.2v-77.5c-135.7 15.9-141.2-73.9-150.3-88.9C215 726 171.5 718 184.5 703c30.9-15.9 62.4 4 98.9 57.9 26.4 39.1 77.9 32.5 104 26 5.7-23.5 17.9-44.5 34.7-60.8-140.6-25.2-199.2-111-199.2-213 0-49.5 16.3-95 48.3-131.7-20.4-60.5 1.9-112.3 4.9-120 58.1-5.2 118.5 41.6 123.2 45.3 33-8.9 70.7-13.6 112.9-13.6 42.4 0 80.2 4.9 113.5 13.9 11.3-8.6 67.3-48.8 121.3-43.9 2.9 7.7 24.7 58.3 5.5 118 32.4 36.8 48.9 82.7 48.9 132.3 0 102.2-59 188.1-200 212.9a127.5 127.5 0 0138.1 91v112.5c.8 9 0 17.9 15 17.9 177.1-59.7 304.6-227 304.6-424.1 0-247.2-200.4-447.3-447.5-447.3z"></path></svg></span></span>GitHub</a></div><div class="rc-footer-item"><a href="/changelog"><span class="rc-footer-item-icon"><span role="img" aria-label="history" class="anticon anticon-history"><svg viewBox="64 64 896 896" focusable="false" data-icon="history" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M536.1 273H488c-4.4 0-8 3.6-8 8v275.3c0 2.6 1.2 5 3.3 6.5l165.3 120.7c3.6 2.6 8.6 1.9 11.2-1.7l28.6-39c2.7-3.7 1.9-8.7-1.7-11.2L544.1 528.5V281c0-4.4-3.6-8-8-8zm219.8 75.2l156.8 38.3c5 1.2 9.9-2.6 9.9-7.7l.8-161.5c0-6.7-7.7-10.5-12.9-6.3L752.9 334.1a8 8 0 003 14.1zm167.7 301.1l-56.7-19.5a8 8 0 00-10.1 4.8c-1.9 5.1-3.9 10.1-6 15.1-17.8 42.1-43.3 80-75.9 112.5a353 353 0 01-112.5 75.9 352.18 352.18 0 01-137.7 27.8c-47.8 0-94.1-9.3-137.7-27.8a353 353 0 01-112.5-75.9c-32.5-32.5-58-70.4-75.9-112.5A353.44 353.44 0 01171 512c0-47.8 9.3-94.2 27.8-137.8 17.8-42.1 43.3-80 75.9-112.5a353 353 0 01112.5-75.9C430.6 167.3 477 158 524.8 158s94.1 9.3 137.7 27.8A353 353 0 01775 261.7c10.2 10.3 19.8 21 28.6 32.3l59.8-46.8C784.7 146.6 662.2 81.9 524.6 82 285 82.1 92.6 276.7 95 516.4 97.4 751.9 288.9 942 524.8 942c185.5 0 343.5-117.6 403.7-282.3 1.5-4.2-.7-8.9-4.9-10.4z"></path></svg></span></span>Change Log</a></div><div class="rc-footer-item"><a href="/docs/react/faq"><span class="rc-footer-item-icon"><span role="img" aria-label="profile" class="anticon anticon-profile"><svg viewBox="64 64 896 896" focusable="false" data-icon="profile" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M880 112H144c-17.7 0-32 14.3-32 32v736c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V144c0-17.7-14.3-32-32-32zm-40 728H184V184h656v656zM492 400h184c4.4 0 8-3.6 8-8v-48c0-4.4-3.6-8-8-8H492c-4.4 0-8 3.6-8 8v48c0 4.4 3.6 8 8 8zm0 144h184c4.4 0 8-3.6 8-8v-48c0-4.4-3.6-8-8-8H492c-4.4 0-8 3.6-8 8v48c0 4.4 3.6 8 8 8zm0 144h184c4.4 0 8-3.6 8-8v-48c0-4.4-3.6-8-8-8H492c-4.4 0-8 3.6-8 8v48c0 4.4 3.6 8 8 8zM340 368a40 40 0 1080 0 40 40 0 10-80 0zm0 144a40 40 0 1080 0 40 40 0 10-80 0zm0 144a40 40 0 1080 0 40 40 0 10-80 0z"></path></svg></span></span>FAQ</a></div><div class="rc-footer-item"><a href="https://new-issue.ant.design/" target="_blank" rel="noopener noreferrer"><span class="rc-footer-item-icon"><span role="img" aria-label="bug" class="anticon anticon-bug"><svg viewBox="64 64 896 896" focusable="false" data-icon="bug" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M304 280h56c4.4 0 8-3.6 8-8 0-28.3 5.9-53.2 17.1-73.5 10.6-19.4 26-34.8 45.4-45.4C450.9 142 475.7 136 504 136h16c28.3 0 53.2 5.9 73.5 17.1 19.4 10.6 34.8 26 45.4 45.4C650 218.9 656 243.7 656 272c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8 0-40-8.8-76.7-25.9-108.1a184.31 184.31 0 00-74-74C596.7 72.8 560 64 520 64h-16c-40 0-76.7 8.8-108.1 25.9a184.31 184.31 0 00-74 74C304.8 195.3 296 232 296 272c0 4.4 3.6 8 8 8z"></path><path d="M940 512H792V412c76.8 0 139-62.2 139-139 0-4.4-3.6-8-8-8h-60c-4.4 0-8 3.6-8 8a63 63 0 01-63 63H232a63 63 0 01-63-63c0-4.4-3.6-8-8-8h-60c-4.4 0-8 3.6-8 8 0 76.8 62.2 139 139 139v100H84c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h148v96c0 6.5.2 13 .7 19.3C164.1 728.6 116 796.7 116 876c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8 0-44.2 23.9-82.9 59.6-103.7a273 273 0 0022.7 49c24.3 41.5 59 76.2 100.5 100.5S460.5 960 512 960s99.8-13.9 141.3-38.2a281.38 281.38 0 00123.2-149.5A120 120 0 01836 876c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8 0-79.3-48.1-147.4-116.7-176.7.4-6.4.7-12.8.7-19.3v-96h148c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8zM716 680c0 36.8-9.7 72-27.8 102.9-17.7 30.3-43 55.6-73.3 73.3C584 874.3 548.8 884 512 884s-72-9.7-102.9-27.8c-30.3-17.7-55.6-43-73.3-73.3A202.75 202.75 0 01308 680V412h408v268z"></path></svg></span></span>Bug Report</a></div><div class="rc-footer-item"><a href="https://github.com/ant-design/ant-design/issues" target="_blank" rel="noopener noreferrer"><span class="rc-footer-item-icon"><span role="img" aria-label="issues-close" class="anticon anticon-issues-close"><svg viewBox="64 64 896 896" focusable="false" data-icon="issues-close" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M464 688a48 48 0 1096 0 48 48 0 10-96 0zm72-112c4.4 0 8-3.6 8-8V296c0-4.4-3.6-8-8-8h-48c-4.4 0-8 3.6-8 8v272c0 4.4 3.6 8 8 8h48zm400-188h-59.3c-2.6 0-5 1.2-6.5 3.3L763.7 538.1l-49.9-68.8a7.92 7.92 0 00-6.5-3.3H648c-6.5 0-10.3 7.4-6.5 12.7l109.2 150.7a16.1 16.1 0 0026 0l165.8-228.7c3.8-5.3 0-12.7-6.5-12.7zm-44 306h-64.2c-5.5 0-10.6 2.9-13.6 7.5a352.2 352.2 0 01-49.8 62.2A355.92 355.92 0 01651.1 840a355 355 0 01-138.7 27.9c-48.1 0-94.8-9.4-138.7-27.9a355.92 355.92 0 01-113.3-76.3A353.06 353.06 0 01184 650.5c-18.6-43.8-28-90.5-28-138.5s9.4-94.7 28-138.5c17.9-42.4 43.6-80.5 76.4-113.2 32.8-32.7 70.9-58.4 113.3-76.3a355 355 0 01138.7-27.9c48.1 0 94.8 9.4 138.7 27.9 42.4 17.9 80.5 43.6 113.3 76.3 19 19 35.6 39.8 49.8 62.2 2.9 4.7 8.1 7.5 13.6 7.5H892c6 0 9.8-6.3 7.2-11.6C828.8 178.5 684.7 82 517.7 80 278.9 7
1857.2 80.5 272.5 80 511.2 79.5 750.1 273.3 944 512.4 944c169.2 0 315.6-97 386.7-238.4A8 8 0 00892 694z"></path></svg></span></span>Issues</a></div><div class="rc-footer-item"><a href="https://github.com/ant-design/ant-design/discussions" target="_blank" rel="noopener noreferrer"><span class="rc-footer-item-icon"><span role="img" aria-label="question-circle" class="anticon anticon-question-circle"><svg viewBox="64 64 896 896" focusable="false" data-icon="question-circle" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z"></path><path d="M623.6 316.7C593.6 290.4 554 276 512 276s-81.6 14.5-111.6 40.7C369.2 344 352 380.7 352 420v7.6c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8V420c0-44.1 43.1-80 96-80s96 35.9 96 80c0 31.1-22 59.6-56.1 72.7-21.2 8.1-39.2 22.3-52.1 40.9-13.1 19-19.9 41.8-19.9 64.9V620c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8v-22.7a48.3 48.3 0 0130.9-44.8c59-22.7 97.1-74.7 97.1-132.5.1-39.3-17.1-76-48.3-103.3zM472 732a40 40 0 1080 0 40 40 0 10-80 0z"></path></svg></span></span>Discussions</a></div><div class="rc-footer-item"><a href="http://stackoverflow.com/questions/tagged/antd" target="_blank" rel="noopener noreferrer"><span class="rc-footer-item-icon"><span role="img" aria-label="question-circle" class="anticon anticon-question-circle"><svg viewBox="64 64 896 896" focusable="false" data-icon="question-circle" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z"></path><path d="M623.6 316.7C593.6 290.4 554 276 512 276s-81.6 14.5-111.6 40.7C369.2 344 352 380.7 352 420v7.6c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8V420c0-44.1 43.1-80 96-80s96 35.9 96 80c0 31.1-22 59.6-56.1 72.7-21.2 8.1-39.2 22.3-52.1 40.9-13.1 19-19.9 41.8-19.9 64.9V620c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8v-22.7a48.3 48.3 0 0130.9-44.8c59-22.7 97.1-74.7 97.1-132.5.1-39.3-17.1-76-48.3-103.3zM472 732a40 40 0 1080 0 40 40 0 10-80 0z"></path></svg></span></span>StackOverflow</a></div><div class="rc-footer-item"><a href="https://segmentfault.com/t/antd" target="_blank" rel="noopener noreferrer"><span class="rc-footer-item-icon"><span role="img" aria-label="question-circle" class="anticon anticon-question-circle"><svg viewBox="64 64 896 896" focusable="false" data-icon="question-circle" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z"></path><path d="M623.6 316.7C593.6 290.4 554 276 512 276s-81.6 14.5-111.6 40.7C369.2 344 352 380.7 352 420v7.6c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8V420c0-44.1 43.1-80 96-80s96 35.9 96 80c0 31.1-22 59.6-56.1 72.7-21.2 8.1-39.2 22.3-52.1 40.9-13.1 19-19.9 41.8-19.9 64.9V620c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8v-22.7a48.3 48.3 0 0130.9-44.8c59-22.7 97.1-74.7 97.1-132.5.1-39.3-17.1-76-48.3-103.3zM472 732a40 40 0 1080 0 40 40 0 10-80 0z"></path></svg></span></span>SegmentFault</a></div></div><div class="rc-footer-column"><h2><span class="rc-footer-column-icon"><img src="https://gw.alipayobjects.com/zos/rmsportal/nBVXkrFdWHxbZlmMbsaH.svg" alt="Ant XTech"/></span>More Products</h2><div class="rc-footer-item"><a href="https://yuque.com" target="_blank" rel="noopener noreferrer"><span class="rc-footer-item-icon"><img src="https://gw.alipayobjects.com/zos/rmsportal/XuVpGqBFxXplzvLjJBZB.svg" alt="yuque"/></span>YuQue</a><span class="rc-footer-item-separator">-</span><span class="rc-footer-item-description">Write your document as a team</span></div><div class="rc-footer-item"><a href="https://antv.vision" target="_blank" rel="noopener noreferrer"><span class="rc-footer-item-icon"><img src="https://gw.alipayobjects.com/zos/antfincdn/nc7Fc0XBg5/8a6844f5-a6ed-4630-9177-4fa5d0b7dd47.png" alt="AntV"/></span>AntV</a><span class="rc-footer-item-separator">-</span><span class="rc-footer-item-description">Data Visualization</span></div><div class="rc-footer-item"><a href="https://eggjs.org" target="_blank" rel="noopener noreferrer"><span class="rc-footer-item-icon"><img src="https://gw.alipayobjects.com/zos/antfincdn/v2%24rh7lqpu/82f338dd-b0a6-41bc-9a86-58aaa9df217b.png" alt="Egg"/></span>Egg</a><span class="rc-footer-item-separator">-</span><span class="rc-footer-item-description">Enterprise Node.js Framework</span></div><div class="rc-footer-item"><a href="https://kitchen.alipay.com" target="_blank" rel="noopener noreferrer"><span class="rc-footer-item-icon"><img src="https://gw.alipayobjects.com/zos/rmsportal/DMDOlAUhmktLyEODCMBR.ico" alt="kitchen"/></span>Kitchen</a><span class="rc-footer-item-separator">-</span><span class="rc-footer-item-description">Sketch Toolkit</span></div><div class="rc-footer-item"><a href="https://xtech.antfin.com/" target="_blank" rel="noopener noreferrer"><span class="rc-footer-item-icon"><img src="https://gw.alipayobjects.com/zos/rmsportal/nBVXkrFdWHxbZlmMbsaH.svg" alt="xtech"/></span>Ant Financial Experience Tech</a></div><div class="rc-footer-item"><a href="/components/config-provider/#components-config-provider-demo-theme"><span class="rc-footer-item-icon"><span role="img" aria-label="bg-colors" class="anticon anticon-bg-colors"><svg viewBox="64 64 896 896" focusable="false" data-icon="bg-colors" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M766.4 744.3c43.7 0 79.4-36.2 79.4-80.5 0-53.5-79.4-140.8-79.4-140.8S687 610.3 687 663.8c0 44.3 35.7 80.5 79.4 80.5zm-377.1-44.1c7.1 7.1 18.6 7.1 25.6 0l256.1-256c7.1-7.1 7.1-18.6 0-25.6l-256-256c-.6-.6-1.3-1.2-2-1.7l-78.2-78.2a9.11 9.11 0 00-12.8 0l-48 48a9.11 9.11 0 000 12.8l67.2 67.2-207.8 207.9c-7.1 7.1-7.1 18.6 0 25.6l255.9 256zm12.9-448.6l178.9 178.9H223.4l178.8-178.9zM904 816H120c-4.4 0-8 3.6-8 8v80c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-80c0-4.4-3.6-8-8-8z"></path></svg></span></span>Change theme color</a></div></div></section></section><section class="rc-footer-bottom"><div class="rc-footer-bottom-container">Made with <span style="color:#fff">â¤</span> by<!-- --> <a target="_blank" rel="noopener noreferrer" href="https://xtech.antfin.com">XTech</a></div></section></footer></div></div> 186 187
187<script src="/index-613fc5b6.js"></script>
187 188 189 <!-- Global Site Tag (gtag.js) - Google Analytics -->
vendor: 68 bytes, lines 189-190
189 190 <script async src="https://www.googletagmanager.com/gtag/js?id=
190UA-72788897-1
vendor: 16 bytes, lines 190-191
190"></script> 191
191<script> 192 if (!location.port) { 193 // Enable Google Analytics 194
vendor: 172 bytes, lines 194-199
194window.dataLayer = window.dataLayer || []; 195 function gtag() { 196 dataLayer.push(arguments); 197 } 198 gtag('js', new Date()); 199 gtag('config', '
199UA-72788897-1
vendor: 10 bytes, lines 199-200
199'); 200
200} 201 </script>
201 202 <!-- Hotjar Tracking Code for ant.design --> 203
203<script> 204 (function (h, o, t, j, a, r) { 205 if (location.hostname === 'localhost') { 206 return; 207 } 208 209 h.hj = 210 h.hj || 211 function () { 212 (h.hj.q = h.hj.q || []).push(arguments); 213 }; 214 h._hjSettings = { hjid: 473408, hjsv: 5 }; 215 a = o.getElementsByTagName('head')[0]; 216 r = o.createElement('script'); 217 r.async = 1; 218 r.src = t + h._hjSettings.hjid + j + h._hjSettings.hjsv; 219 a.appendChild(r); 220 })(window, document, '//static.hotjar.com/c/hotjar-', '.js?sv='); 221 </script>
221 222 223 <!-- 224 æè°¢æ¯ä½ä¸ºå¼æºçæ³è奿çäººä»¬ï¼æ¿ä½ 们å¨äººçæ°çæ éä¸å¸é£é¡ºï¼~ 225 https://gw.alipayobjects.com/mdn/rms_08e378/afts/img/A*_7M0S7zdFBcAAAAAAAAAAAAAARQnAQ 226 227 2021.05.21 228 --> 229 </body> 230</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.