<!DOCTYPE html>
<html lang="zh">
  <head>
    <meta charset="UTF-8" />
    <link rel="Shortcut Icon" href="<%= htmlWebpackPlugin.options.base %>/favicon.ico" />
    <link rel="apple-touch-icon" href="<%= htmlWebpackPlugin.options.base %>/app_logo.png" />
    <link rel="apple-touch-icon" href="<%= htmlWebpackPlugin.options.base %>/app_logo.png" />
    <!-- <link rel="manifest" href="/manifest.json" /> -->
    <meta name="apple-mobile-web-app-title" content="大屏控制端" />
    <meta name="apple-touch-fullscreen" content="yes" />
    <meta name="format-detection" content="telephone=no" />
    <meta
      name="description"
      content="易知微以自主研发的EasyV数字孪生可视化搭建平台为核心，结合WebGL、3D游戏引擎、GIS、BIM、CIM等技术，协同各个行业的生态伙伴，围绕着数字孪生技术、数字驾驶舱和行业应用，共同建设数字增强世界。"
    />
    <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
    <meta http-equiv="Pragma" content="no-cache" />
    <meta http-equiv="Cache-Control" content="no-cache" />
    <meta http-equiv="Expires" content="0" />
    <link rel="apple-touch-startup-image" href="<%= htmlWebpackPlugin.options.base %>/start.jpg" />
    <title>Loading</title>
  </head>

  <body>
    <div
      id="BrowserDownloadModal"
      style="
        visibility: hidden;
        z-index: 99999;
        position: fixed;
        display: flex;
        width: 100%;
        height: 100vh;
        justify-content: center;
        align-items: center;
        background: #0009;
      "
    >
      <div
        style="
          width: 520px;
          height: 560px;
          background: #fff;
          text-align: center;
          margin: 0;
          padding: 40px;
          font-size: 14px;
          position: relative;
        "
      >
        <i
          onclick="closeBrowserDownloadModal01dd6c693c7947cab6ec8d3204635c95()"
          id="BrowserDownloadModalI"
          alt="关闭"
          style="position: absolute; top: 6px; right: 8px; cursor: pointer"
          class="icon iconfont icon-btn_close"
        ></i>
        <img width="216" height="110" src="<%= htmlWebpackPlugin.options.base %>/images/u27.png" />
        <div style="margin-top: 40px; color: #666">
          您所使用的的浏览器版本较低或与系统不兼容，可能会导致部分可视化效果无法渲染 建议采用Chrome v65版本以上浏览器进行操作
        </div>
        <div style="border-top: dashed 1px #e4e4e4; margin-top: 80px">
          <div style="color: #999; display: inline-block; background: '#fff'; padding: 0 15px; top: -12px; position: relative">
            点击即可下载，更新即刻搞定
          </div>
        </div>
        <div style="margin-top: 56px; color: #666; display: inline-block">
          <a href="https://www.google.cn/chrome/" target="_blank">
            <img width="50" height="50" src="<%= htmlWebpackPlugin.options.base %>/images/chrome.png" />
            <div style="margin-top: 15px">谷歌（Chrome）</div>
          </a>
        </div>
      </div>
    </div>
    <script>
      function closeBrowserDownloadModal01dd6c693c7947cab6ec8d3204635c95() {
        const div = document.getElementById('BrowserDownloadModal');
        div.style.visibility = 'hidden';
        const maxAge = 3 * 24 * 3600;
        document.cookie = 'hide_download=true; max-age=' + maxAge + '};';
      }
      window.onload = function () {
        function getChromeVersion(isAppleChrome) {
          const raw = isAppleChrome
            ? navigator.userAgent.match(/Cr(iOS)\/([0-9]+)\./)
            : navigator.userAgent.match(/Chrom(e|ium)\/([0-9]+)\./);
          return raw ? parseInt(raw[2], 10) : false;
        }
        // 初始化
        document.addEventListener(
          'IS_ENV_DETECTION',
          function () {
            if (window.appConfig.IS_ENV_DETECTION) {
              let flag = true;
              const isMobile = /(ipad|iphone|android|ucweb|windows phone)/.test(navigator.userAgent.toLowerCase());
              const isChrome = /Chrome/.test(navigator.userAgent) && /Google Inc/.test(navigator.vendor);
              const isIE = /Trident/.test(navigator.userAgent);
              const isAppleChrome = /CriOS/.test(navigator.userAgent);
              if (isMobile) {
                flag = false;
              } else if (isChrome) {
                if (getChromeVersion(isAppleChrome) > 78) {
                  flag = false;
                }
              }
              if (flag && (!document.cookie.includes('hide_download') || isIE)) {
                const div = document.getElementById('BrowserDownloadModal');
                div.style.visibility = 'visible';
                if (isIE) {
                  document.getElementById('BrowserDownloadModalI').style.display = 'none';
                }
              }
            }
          },
          false
        );
      };
    </script>
    <div id="easyv-app"></div>
    <script rel="preload" src="<%= htmlWebpackPlugin.options.base %>/md5.min.js"></script>
  </body>
</html>
