SCADATrainSys/index.html

<!doctype html>
<html>
  <head>
    <title>教员管理系统</title>
    <meta charset="UTF-8" />
    <!-- <meta name="viewport" content="width=device-width, initial-scale=1.0" /> -->
    <!-- 禁止缩放页面 -->
     <!-- 
         width=device-width  设置页面的宽度与设备的屏幕宽度相同，确保网页在移动设备上能正确显示。
         initial-scale=1.0   设置网页在移动设备上的初始缩放比例
         maximum-scale=1.0   设置网页在移动设备上的最大缩放比例
         minimum-scale=1.0   设置网页在移动设备上的最小缩放比例
         user-scalable=no    禁用用户缩放功能
     -->
     <!-- <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no"> -->
      <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta
      name="description"
      content="教员管理系统 - A modern admin dashboard template built with Vue 3, TypeScript, and Element Plus."
    />
    <link rel="shortcut icon" type="image/x-icon" href="src/assets/img/favicon.ico" />

    <style>
      /* 防止页面刷新时白屏的初始样式 */
      html {
        background-color: #fafbfc;
      }

      html.dark {
        background-color: #070707;
      }
    </style>

    <script>
      // 初始化 html class 主题属性
      ;(function () {
        try {
          if (typeof Storage === 'undefined' || !window.localStorage) {
            return
          }

          const themeType = localStorage.getItem('metro-theme')
          if (themeType === 'dark') {
            document.documentElement.classList.add('dark')
          }
        } catch (e) {
          console.warn('Failed to apply initial theme:', e)
        }
      })()
    </script>
  </head>

  <body>
    <div id="app"></div>
    <script type="module" src="/src/main.ts"></script>
  </body>
</html>