From 828fedaae4ff767e0b9696a2a0702ab4d3721c66 Mon Sep 17 00:00:00 2001 From: guoshipeng <3194674006@qq.com> Date: Mon, 14 Aug 2023 13:43:20 +0800 Subject: [PATCH] fix:设备详情百度地图换高德地图,批量修改补偿修改 --- public/index.html | 229 +++++++++++++++++++++++++++++++------------------------- 1 files changed, 127 insertions(+), 102 deletions(-) diff --git a/public/index.html b/public/index.html index 9e7b33d..be543a4 100644 --- a/public/index.html +++ b/public/index.html @@ -1,118 +1,143 @@ <!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.0"> - <script src="//api.map.baidu.com/api?type=webgl&v=2.0&ak=9FrZ6v3P8xS290ygi40M5Ik3Fgwes4KY"></script> - <link rel="icon" href="<%= BASE_URL %>logo.ico"> - <link/> - <title>������������������������</title> - <style type="text/css"> - .preloader{ - position:fixed; - top:0; - left:0; - width:100%; - height:100%; - overflow:hidden; - background:#49a9ee; - z-index:9999; - transition:opacity .65s + +<head> + <meta charset="utf-8"> + <meta http-equiv="X-UA-Compatible" content="IE=edge"> + <meta name="viewport" content="width=device-width,initial-scale=1.0"> + <script type="text/javascript" + src="//api.map.baidu.com/api?type=webgl&v=2.0&ak=9FrZ6v3P8xS290ygi40M5Ik3Fgwes4KY"></script> + <script + src="https://webapi.amap.com/loca?v=1.3.2&key=be57d4add7dc10fb7f7924763a2179ae&plugin=AMap.MarkerClusterer"></script> + <link rel="icon" href="<%= BASE_URL %>logo.ico"> + <link /> + <title>������������������������</title> + + <style type="text/css"> + .preloader { + position: fixed; + top: 0; + left: 0; + width: 100%; + height: 100%; + overflow: hidden; + background: #49a9ee; + z-index: 9999; + transition: opacity .65s + } + + .preloader-hidden-add { + opacity: 1; + display: block + } + + .preloader-hidden-add-active { + opacity: 0 + } + + .preloader-hidden { + display: none + } + + .cs-loader { + position: absolute; + top: 0; + left: 0; + height: 100%; + width: 100% + } + + .cs-loader-inner { + transform: translateY(-50%); + top: 50%; + position: absolute; + width: 100%; + color: #fff; + text-align: center + } + + .cs-loader-inner label { + font-size: 20px; + opacity: 0; + display: inline-block + } + + @keyframes lol { + 0% { + opacity: 0; + transform: translateX(-300px) } - .preloader-hidden-add{ - opacity:1; - display:block + 33% { + opacity: 1; + transform: translateX(0) } - .preloader-hidden-add-active{ - opacity:0 + 66% { + opacity: 1; + transform: translateX(0) } - .preloader-hidden{ - display:none + 100% { + opacity: 0; + transform: translateX(300px) } + } - .cs-loader{ - position:absolute; - top:0; - left:0; - height:100%; - width:100% - } + .cs-loader-inner label:nth-child(6) { + animation: lol 3s infinite ease-in-out + } - .cs-loader-inner{ - transform:translateY(-50%); - top:50%; - position:absolute; - width:100%; - color:#fff; - text-align:center - } + .cs-loader-inner label:nth-child(5) { + animation: lol 3s .1s infinite ease-in-out + } - .cs-loader-inner label{ - font-size:20px; - opacity:0; - display:inline-block - } + .cs-loader-inner label:nth-child(4) { + animation: lol 3s .2s infinite ease-in-out + } - @keyframes lol{ - 0%{ - opacity:0; - transform:translateX(-300px) - } - 33%{ - opacity:1; - transform:translateX(0) - } - 66%{ - opacity:1; - transform:translateX(0) - } - 100%{ - opacity:0; - transform:translateX(300px) - } - } - .cs-loader-inner label:nth-child(6){ - animation:lol 3s infinite ease-in-out - } - .cs-loader-inner label:nth-child(5){ - animation:lol 3s .1s infinite ease-in-out - } - .cs-loader-inner label:nth-child(4){ - animation:lol 3s .2s infinite ease-in-out - } - .cs-loader-inner label:nth-child(3){ - animation:lol 3s .3s infinite ease-in-out - } - .cs-loader-inner label:nth-child(2){ - animation:lol 3s .4s infinite ease-in-out - } - .cs-loader-inner label:nth-child(1){ - animation:lol 3s .5s infinite ease-in-out - } - </style> - </head> - <body class="has-ad-rt"> - <noscript> - <strong>We're sorry but vue-alain doesn't work properly without JavaScript enabled. Please enable it to continue.</strong> - </noscript> + .cs-loader-inner label:nth-child(3) { + animation: lol 3s .3s infinite ease-in-out + } - <div id="app"></div> - <div class="preloader"> - <div class="cs-loader"> - <div class="cs-loader-inner"> - <label> ���</label> - <label> ���</label> - <label> ���</label> - <label> ���</label> - <label> ���</label> - <label> ���</label> - </div> + .cs-loader-inner label:nth-child(2) { + animation: lol 3s .4s infinite ease-in-out + } + + .cs-loader-inner label:nth-child(1) { + animation: lol 3s .5s infinite ease-in-out + } + </style> +</head> + +<body class="has-ad-rt"> + <noscript> + <strong>We're sorry but vue-alain doesn't work properly without JavaScript enabled. Please enable it to + continue.</strong> + </noscript> + + <div id="app"></div> + <div class="preloader"> + <div class="cs-loader"> + <div class="cs-loader-inner"> + <label> ���</label> + <label> ���</label> + <label> ���</label> + <label> ���</label> + <label> ���</label> + <label> ���</label> </div> </div> - <!-- built files will be auto injected --> - </body> -</html> + </div> + <!-- built files will be auto injected --> + +</body> + +<script type="text/javascript"> + window._AMapSecurityConfig = { + securityJsCode: '20fcbbc1782d2853f433831e61fab769', + } + +</script> + +</html> \ No newline at end of file -- Gitblit v1.8.0