quanyawei
2024-11-15 f752f50a484f63fc3786ab1c7ad563f3b17cce77
public/index.html
@@ -1,21 +1,35 @@
<!DOCTYPE html>
<!doctype html>
<html>
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <link rel="icon" href="<%= BASE_URL %>LOGO.ico">
   <!-- <script src="https://webapi.amap.com/maps?v=1.4.15&key=be57d4add7dc10fb7f7924763a2179ae&plugin=AMap.MarkerClusterer"></script> -->
   <!-- <link rel="stylesheet" href="https://a.amap.com/jsapi_demos/static/demo-center/css/demo-center.css" /> -->
    <script src="https://webapi.amap.com/maps?v=1.4.15&key=be57d4add7dc10fb7f7924763a2179ae&plugin=AMap.MarkerClusterer"></script>
    <script src="https://webapi.amap.com/loca?v=1.3.2&key=be57d4add7dc10fb7f7924763a2179ae&plugin=AMap.MarkerClusterer"></script>
<!--    <link rel="stylesheet" href="https://a.amap.com/jsapi_demos/static/demo-center/css/demo-center.css" />-->
<!--    <script src="https://cdn.bootcss.com/jquery/3.5.0/jquery.js"></script>-->
    <script type="text/javascript" src="http://api.map.baidu.com/api?type=webgl&v=2.0&ak=U2SoSp52BoVW6bAEMsxQ7Zfe0tuB6VDp"></script>
    <script src="http://api.map.baidu.com/api?v=3.0&ak=U2SoSp52BoVW6bAEMsxQ7Zfe0tuB6VDp"></script>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta
      name="viewport"
      content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"
    />
    <link rel="icon" href="<%= BASE_URL %>LOGO.ico" />
    <!-- <script src="https://webapi.amap.com/maps?v=1.4.15&key=be57d4add7dc10fb7f7924763a2179ae&plugin=AMap.MarkerClusterer"></script> -->
    <!-- <link rel="stylesheet" href="https://a.amap.com/jsapi_demos/static/demo-center/css/demo-center.css" /> -->
    <script>
      window._AMapSecurityConfig = {
        securityJsCode: 'ef9c2027d42f060b979814c849eea7b9'
      }
    </script>
    <script src="https://webapi.amap.com/maps?v=1.4.15&key=f4ba1c4d94654309b97a557d41857b48&plugin=AMap.MarkerClusterer"></script>
    <script src="https://webapi.amap.com/loca?v=1.3.2&key=f4ba1c4d94654309b97a557d41857b48&plugin=AMap.MarkerClusterer"></script>
    <!--    <link rel="stylesheet" href="https://a.amap.com/jsapi_demos/static/demo-center/css/demo-center.css" />-->
    <!--    <script src="https://cdn.bootcss.com/jquery/3.5.0/jquery.js"></script>-->
    <script
      type="text/javascript"
      src="https://api.map.baidu.com/api?type=webgl&v=2.0&ak=U2SoSp52BoVW6bAEMsxQ7Zfe0tuB6VDp"
    ></script>
    <script src="https://api.map.baidu.com/api?v=3.0&ak=U2SoSp52BoVW6bAEMsxQ7Zfe0tuB6VDp"></script>
    <script src="https://mapv.baidu.com/build/mapv.min.js"></script>
    <script type="text/javascript" src="https://mapv.baidu.com/gl/examples/static/common.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/echarts/map/js/china.js?v=1598903772045"></script>
    <script
      type="text/javascript"
      src="https://mapv.baidu.com/gl/examples/static/common.js"
    ></script>
    <!-- <script src="https://cdn.jsdelivr.net/npm/echarts/map/js/china.js?v=1598903772045"></script> -->
    <script src="https://code.bdstatic.com/npm/mapvgl@1.0.0-beta.97/dist/mapvgl.min.js"></script>
    <!-- <script type="text/javascript" src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script> -->
    <!-- <script type="text/javascript" src="https://cdn.bootcdn.net/ajax/libs/require.js/2.3.6/require.min.js"></script> -->
@@ -23,72 +37,35 @@
    <title><%= webpackConfig.name %></title>
    <style>
      body {
          margin: 0px;
          padding: 0px;
          height: 100%;
        margin: 0px;
        padding: 0px;
        height: 100%;
      }
      html {
        overflow-y: hidden;
      }
  </style>
    </style>
  </head>
  <body>
    <noscript>
      <strong><%= webpackConfig.name %> 不支持无javaScript环境</strong>
      <strong> <%= webpackConfig.name %> 不支持无javaScript环境 </strong>
    </noscript>
    <div id="app"></div>
  </body>
  <script>
    /*$(window).resize(function() // 绑定到窗口的这个事件中
    {
      var whdef = 100 / 1080 // 表示1920的设计图,使用100PX的默认值
      var wH = window.innerHeight // 当前窗口的高度
      var wW = window.innerWidth // 当前窗口的宽度
      var rem = wH * whdef // 以默认比例值乘以当前窗口宽度,得到该宽度下的相应FONT-   SIZE值
      $('html').css('font-size', rem + 'px')
    })
    $(window).ready(function() {
      var whdef = 100 / 1080 // 表示1920的设计图,使用100PX的默认值
      var wH = window.innerHeight // 当前窗口的高度
      var wW = window.innerWidth // 当前窗口的宽度
      var rem = wH * whdef // 以默认比例值乘以当前窗口宽度,得到该宽度下的相应FONT-    SIZE值
      $('html').css('font-size', rem + 'px')
    })*/
    var docEl = document.documentElement,
      //当设备的方向变化(设备横向持或纵向持)此事件被触发。绑定此事件时,
      //注意现在当浏览器不支持orientationChange事件的时候我们绑定了resize 事件。
      //总来的来就是监听当前窗口的变化,一旦有变化就需要重新设置根字体的值
      resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',
      recalc = function() {
      resizeEvt =
        'orientationchange' in window ? 'orientationchange' : 'resize',
      recalc = function () {
        //设置根字体大小1:50适用于375的设计稿,需要变更,就更改基础字体的数值
        docEl.style.fontSize = docEl.clientWidth / 100 + 'px';
      };
    //绑定浏览器缩放与加载时间
    window.addEventListener(resizeEvt, recalc, false);
    document.addEventListener('DOMContentLoaded', recalc, false);
   /* window.onresize = screenResize;
    function screenResize () {
      // console.log("屏幕大小变化", window.screen.availWidth);
      document.documentElement.style.fontSize = window.screen.availWidth/320*20+"px";
    }
    screenResize ();*/
        docEl.style.fontSize = docEl.clientWidth / 100 + 'px'
      }
    window.addEventListener(resizeEvt, recalc, false)
    document.addEventListener('DOMContentLoaded', recalc, false)
  </script>
</html>