amis
/
index.html

<!DOCTYPE html>
<html lang="zh">
  <head>
    <meta charset="UTF-8" />
    <title>amis - 低代码前端框架</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <link
      type="image/x-icon"
      rel="shortcut icon"
      href="/examples/static/favicon.png"
    />
    <meta
      name="viewport"
      content="width=device-width, initial-scale=1, maximum-scale=1"
    />
    <meta http-equiv="X-UA-Compatible" content="IE=Edge" />
    <link rel="stylesheet" href="/examples/static/iconfont.css" />
    <link rel="stylesheet" href="/examples/static/officefont.css" />
    <link
      rel="stylesheet"
      href="/node_modules/@fortawesome/fontawesome-free/css/all.css"
    />
    <link
      rel="stylesheet"
      href="/node_modules/@fortawesome/fontawesome-free/css/v4-shims.css"
    />
    <link rel="stylesheet" href="/node_modules/katex/dist/katex.min.css" />
    <link rel="stylesheet" href="/node_modules/prismjs/themes/prism.css" />
    <link
      rel="stylesheet"
      href="/node_modules/github-markdown-css/github-markdown-light.css"
    />
    <link rel="stylesheet" href="/examples/doc.css" />

    <link rel="stylesheet" href="/examples/style.scss" />
    <style>
      .app-wrapper,
      .schema-wrapper {
        position: relative;
        width: 100%;
        height: 100%;
      }
    </style>
    <script type="module">
      let theme = localStorage.getItem('amis-theme') || 'cxd';
      if (theme === 'default') {
        theme = 'cxd';
      }

      ['ang', 'cxd', 'antd', 'dark'].forEach(key => {
        const link = document.createElement('link');
        link.setAttribute('rel', 'stylesheet');
        link.setAttribute('title', key);
        if (theme !== key) {
          link.setAttribute('disabled', 'disabled');
        }
        link.setAttribute(
          'href',
          new URL(`./packages/amis-ui/scss/themes/${key}.scss`, import.meta.url)
            .href
        );
        document.head.appendChild(link);
      });

      // helper 放在末尾提高优先级
      const helper = document.createElement('link');
      helper.setAttribute('rel', 'stylesheet');
      helper.setAttribute(
        'href',
        new URL(`./packages/amis-ui/scss/helper.scss`, import.meta.url).href
      );
      document.head.appendChild(helper);
    </script>
    <!-- <link rel="stylesheet" href="./packages/amis-ui/scss/helper.scss" /> -->
  </head>

  <body>
    <div id="root" class="app-wrapper"></div>
    <script type="text/javascript">
      if (location.hostname !== 'localhost') {
        var _hmt = _hmt || [];

        // 百度统计
        (function () {
          var hm = document.createElement('script');
          hm.src =
            'https://hm.baidu.com/hm.js?286766a21abb57abefedbd5257a26dc8';
          var s = document.getElementsByTagName('script')[0];
          s.parentNode.insertBefore(hm, s);
        })();
      }
    </script>
    <script type="module">
      import {bootstrap} from './examples/index.jsx';

      window.enableAMISDebug = true;

      const initialState = {};
      bootstrap(document.getElementById('root'), initialState);
    </script>
    <script defer src="/node_modules/katex/dist/katex.min.js"></script>
    <script
      defer
      src="/node_modules/katex/dist/contrib/auto-render.min.js"
    ></script>
  </body>
</html>