<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <link rel="icon" type="image/svg+xml" href="/cashier.svg" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>里海收银系统</title>
    <script
      type="text/javascript"
      src="https://js.cdn.aliyun.dcloud.net.cn/dev/uni-app/uni.webview.1.5.2.js"
    ></script>
    <script type="text/javascript">
      document.addEventListener("UniAppJSBridgeReady", function () {});
      function receiveData(data) {
        try {
          data = JSON.parse(data);
          if (data.type === "connect") {
            window.postMessage(data);
          }
        } catch (error) {}
      }
    </script>

    <style>
      /* 小屏幕 */
      @media screen and (max-width: 576px) {
        html {
          font-size: 10px;
        }
      }

      /* 中等屏幕 */
      @media screen and (min-width: 577px) and (max-width: 992px) {
        html {
          font-size: 10px;
        }
      }

      /* 大屏幕 */
      @media screen and (min-width: 993px) and (max-width: 1336px) {
        html {
          font-size: 14px;
        }
      }

      /* 大屏幕 */
      @media screen and (min-width: 1336px) and (max-width: 1900px) {
        html {
          font-size: 15px;
        }
      }
      /* 大屏幕 */
      @media screen and (min-width: 1900px) {
        html {
          font-size: 16px;
        }
      }
    </style>
  </head>
  <body>
    <div id="app"></div>
    <script type="module" src="/src/main.ts"></script>
  </body>
</html>