c7n-performance-table
/
index.html

<!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 with a set of high-quality React components, one of best React UI library for enterprises"
    />
    <title>Choerodon UI</title>
    <!-- Polyfills -->
    <!--[if IE]>
      <script src="https://as.alipayobjects.com/g/component/??es6-shim/0.35.1/es6-sham.min.js,es6-shim/0.35.1/es6-shim.min.js"></script>
    <![endif]-->
    <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.indexOf('/') === 0 ? 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);
          }
        }

        if (isLocalStorageNameSupported() && (pathname === '/' || pathname === '/index-cn')) {
          var lang =
            (window.localStorage && localStorage.getItem('locale')) ||
            ((navigator.language || navigator.browserLanguage).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';

        if (!window.Intl) {
          var intlPath = 'https://as.alipayobjects.com/g/component/intl/1.0.1/??Intl.min.js';
          if (isZhCN(pathname)) {
            intlPath += ',locale-data/jsonp/zh.js';
          } else {
            intlPath += ',locale-data/jsonp/en.js';
          }
          document.writeln('<script src="' + intlPath + '">' + '<' + '/script>');
        }
        if (!window.Promise) {
          document.writeln(
            '<script src="https://as.alipayobjects.com/g/component/es6-promise/3.2.2/es6-promise.min.js"' +
              '>' +
              '<' +
              '/' +
              'script>',
          );
        }
      })();
    </script>
    <link rel="icon" href="http://choerodon.io/img/favicon.ico" type="image/x-icon" />

    <link rel="stylesheet" type="text/css" href="/c7n-performance-table/index-09dbcdc5-1.css" />

    <link rel="stylesheet" type="text/css" href="/c7n-performance-table/index-09dbcdc5-2.css" />

    <link rel="stylesheet" type="text/css" href="/c7n-performance-table/index-09dbcdc5-3.css" />

    <link rel="stylesheet" type="text/css" href="/c7n-performance-table/index-09dbcdc5-4.css" />

    <link rel="stylesheet/less" type="text/css" href="/c7n-performance-table/color.less" />
    <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]-->
  </head>
  <body>
    <div id="react-content">
      <div class="page-wrapper" data-reactroot=""><div class="main-wrapper"><div class="home-page-wrapper banner-wrapper" id="banner"><div class="banner page"><div class="text-wrapper"><h1>Choerodon UI</h1><h3><span>——based on Ant Design@3.4.0</span></h3><p><span>Choerodon UI is a set of React components based on Ant Design Components that implement Google&#x27;s material design for developing and serving enterprise back-end products.</span></p><div class="banner-btns"><a class="banner-btn components" href="/docs/react/introduce"><span>Getting Started</span></a><a class="banner-btn github" target="_black" rel="noopener noreferrer" href="https://github.com/choerodon/choerodon-ui">Github</a></div></div><div class="img-wrapper"><div class="banner-image"></div></div></div></div><div class="home-page-wrapper page1"><div class="page"><h2>Choerodon UI <span>Feature</span></h2><div><div class="c7n-row"><div class="c7n-col-xs-24 c7n-col-md-8"><div class="page1-block"><div class="page1-image"><div class="feature-1"></div></div><h3>Elegant and beautiful</h3><p>Designed based on Material Design system</p></div></div><div class="c7n-col-xs-24 c7n-col-md-8"><div class="page1-block"><div class="page1-image"><div class="feature-2"></div></div><h3>Common design pattern</h3><p>Refine typical pages and scenes from backend applications</p></div></div><div class="c7n-col-xs-24 c7n-col-md-8"><div class="page1-block"><div class="page1-image"><div class="feature-3"></div></div><h3>Latest technology stack</h3><p>Developed with front-end technology such as React/mobx</p></div></div><div class="c7n-col-xs-24 c7n-col-md-8"><div class="page1-block"><div class="page1-image"><div class="feature-4"></div></div><h3>Best practices</h3><p>Good engineering practices help you consistently produce high quality code</p></div></div><div class="c7n-col-xs-24 c7n-col-md-8"><div class="page1-block"><div class="page1-image"><div class="feature-5"></div></div><h3>Theme</h3><p>Configurable themes to meet diverse brand appeals</p></div></div><div class="c7n-col-xs-24 c7n-col-md-8"><div class="page1-block"><div class="page1-image"><div class="feature-6"></div></div><h3>Internation</h3><p>General internationalization soultion</p></div></div></div></div></div></div><style>
    .main-wrapper {
      padding: 0;
    }
    #header {
      box-shadow: none;
      max-width: 1200px;
      width: 100%;
      margin: 0px auto 0;
      padding: 0 24px;
    }
    #header,
    #header .c7n-select-selection,
    #header .c7n-menu {
      background: transparent;
    }
    #header #logo {
      padding: 0;
    }
    #header #logo h1 {
      font-size: 24px;
    }
    #header .c7n-row > div:last-child .c7n-select,
    #header .c7n-row > div:last-child .c7n-menu,
    #header .nav-phone-icon {
      display: none;
    }
    #header .c7n-row > div:last-child .header-lang-button span{
      margin-right: 0;
      height: 64px;
      line-height: 64px;
      font-size: 24px;
    }
    footer .footer-wrap {
      width: 100%;
      padding: 0;
    }
    footer .bottom-bar {
      margin: auto;
      max-width: 1200px;
      padding: 16px 24px;
    }
    footer  .bottom-bar {
      border-top: none;
    }
    footer .footer-wrap .c7n-row {
      width: 100%;
      max-width: 1200px;
      margin: auto;
    }
    @media only screen and (max-width: 767.99px) {
      #footer .footer-wrap{
        padding: 40px 24px
      }
      footer .footer-wrap .c7n-row {
        padding: 0;
      }
    }
  </style></div></div>
    </div>
    <script src="/c7n-performance-table/index-5e510aa2.js"></script>

  </body>
</html>