feat: 优化代码大小

1012414140@qq.com

2026-10-15 eff1aeeec8c8b24dac27defae65e2ad892f8046b

 public/index.html

@@ -1,54 +1,26 @@
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no">
    <title>峰峰矿区智慧停车</title>
      <style>
          .loading {
              position: fixed;
              top: 50%;
              left: 50%;
              transform: translate(-50%, -50%);
              text-align: center;
              z-index: -1;
          }
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no">
  <title>峰峰矿区智慧停车</title>

          .spinner {
              width: 50px;
              height: 50px;
              border: 5px solid #ccc;
              border-top-color: #409EFF;
              border-radius: 50%;
              animation: spin 1s infinite linear;
          }
  <!-- 样式文件放head，正常加载 -->
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/element-ui@2.15.14/lib/theme-chalk/index.css">
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/view-design@4.7.0/dist/styles/iview.css">
</head>
<body>
  <div id="app"></div>

          .text {
              margin-top: 10px;
              font-size: 16px;
              color: #666;
          }
  <!-- 1. 先加载 Vue（所有UI库的基础） -->
  <script src="https://cdn.jsdelivr.net/npm/vue@2.7.16/dist/vue.min.js"></script>
  <!-- 2. 再加载 ElementUI -->
  <script src="https://cdn.jsdelivr.net/npm/element-ui@2.15.14/lib/index.js"></script>
  <!-- 3. 再加载 ViewUI -->
  <script src="https://cdn.jsdelivr.net/npm/view-design@4.7.0/dist/iview.min.js"></script>
  <!-- 4. 最后加载 ECharts -->
  <script src="https://cdn.jsdelivr.net/npm/echarts@5.4.3/dist/echarts.min.js"></script>

          @keyframes spin {
              to {
                  transform: rotate(360deg);
              }
          }
      </style>
    <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=tuVbv4tLIzoX7IWdeKeTwojDqPILFoe5"></script>
    <!--<script src="//mapv.baidu.com/build/mapv.min.js"></script>
    <script src="https://code.bdstatic.com/npm/mapvgl@1.0.0-beta.127/dist/mapvgl.min.js"></script>-->
    <script type="text/javascript" src="http://api.map.baidu.com/library/Heatmap/2.0/src/Heatmap_min.js"></script>
    <script src="./static/iconfont.js"></script>

    <title>峰峰智慧泊车系统</title>
  </head>
  <body>
    <div class="loading" style="display:block">
      <div class="spinner"></div>
      <div class="text">正在加载中...</div>
    </div>
    <div id="app"></div>
  </body>
</html>
</body>
</html>