|
|
|
@ -1,14 +1,32 @@ |
|
|
|
<!DOCTYPE html> |
|
|
|
<html> |
|
|
|
<head> |
|
|
|
<meta charset="utf-8"> |
|
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> |
|
|
|
<meta name="renderer" content="webkit"> |
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"> |
|
|
|
<link rel="icon" href="<%= BASE_URL %>favicon.ico"> |
|
|
|
<title><%= webpackConfig.name %></title> |
|
|
|
<!--[if lt IE 11]><script>window.location.href='/html/ie.html';</script><![endif]--> |
|
|
|
<style> |
|
|
|
|
|
|
|
<head> |
|
|
|
<meta charset="utf-8"> |
|
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> |
|
|
|
<meta name="renderer" content="webkit"> |
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"> |
|
|
|
<link rel="icon" href="<%= BASE_URL %>favicon.ico"> |
|
|
|
<title> |
|
|
|
<%= webpackConfig.name %> |
|
|
|
</title> |
|
|
|
<!--[if lt IE 11]><script>window.location.href='/html/ie.html';</script><![endif]--> |
|
|
|
|
|
|
|
|
|
|
|
<!--引入mars3d库lib--> |
|
|
|
<link href="/lib/Cesium/Widgets/widgets.css" rel="stylesheet" type="text/css" /> |
|
|
|
<script src="/lib/Cesium/Cesium.js" type="text/javascript"></script> |
|
|
|
<script src="/lib/turf/turf.min.js" type="text/javascript"></script> |
|
|
|
|
|
|
|
<!--引入mars3d库lib--> |
|
|
|
<link href="/lib/mars3d/mars3d.css" rel="stylesheet" type="text/css" /> |
|
|
|
<script src="/lib/mars3d/mars3d.js" type="text/javascript"></script> |
|
|
|
<!--引入mars3d库插件lib(按需引入)--> |
|
|
|
<script src="/lib/mars3d/plugins/space/mars3d-space.js" type="text/javascript"></script> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<style> |
|
|
|
html, |
|
|
|
body, |
|
|
|
#app { |
|
|
|
@ -16,6 +34,7 @@ |
|
|
|
margin: 0px; |
|
|
|
padding: 0px; |
|
|
|
} |
|
|
|
|
|
|
|
.chromeframe { |
|
|
|
margin: 0.2em 0; |
|
|
|
background: #ccc; |
|
|
|
@ -92,6 +111,7 @@ |
|
|
|
-ms-transform: rotate(0deg); |
|
|
|
transform: rotate(0deg); |
|
|
|
} |
|
|
|
|
|
|
|
100% { |
|
|
|
-webkit-transform: rotate(360deg); |
|
|
|
-ms-transform: rotate(360deg); |
|
|
|
@ -105,6 +125,7 @@ |
|
|
|
-ms-transform: rotate(0deg); |
|
|
|
transform: rotate(0deg); |
|
|
|
} |
|
|
|
|
|
|
|
100% { |
|
|
|
-webkit-transform: rotate(360deg); |
|
|
|
-ms-transform: rotate(360deg); |
|
|
|
@ -194,15 +215,17 @@ |
|
|
|
opacity: 0.5; |
|
|
|
} |
|
|
|
</style> |
|
|
|
</head> |
|
|
|
<body> |
|
|
|
<div id="app"> |
|
|
|
<div id="loader-wrapper"> |
|
|
|
<div id="loader"></div> |
|
|
|
<div class="loader-section section-left"></div> |
|
|
|
<div class="loader-section section-right"></div> |
|
|
|
<div class="load_title">正在加载系统资源,请耐心等待</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</body> |
|
|
|
</head> |
|
|
|
|
|
|
|
<body> |
|
|
|
<div id="app"> |
|
|
|
<div id="loader-wrapper"> |
|
|
|
<div id="loader"></div> |
|
|
|
<div class="loader-section section-left"></div> |
|
|
|
<div class="loader-section section-right"></div> |
|
|
|
<div class="load_title">正在加载系统资源,请耐心等待</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</body> |
|
|
|
|
|
|
|
</html> |