20191205

@@ -22,7 +22,7 @@ SuperGlobeVue是基于vue-cli3和supermap cesium 的一款Globe地球视图。
 ## 2、设置
 ### 项目依赖库安装
 ```
-npm install
+npm install  --registry https://registry.npm.taobao.org
 ```
 
 ### 代码编译及热启动

@@ -45,7 +45,6 @@
 
 <script>
 import URL_CONFIG from "./../config/urlConfig.vue";
-// import CesiumNavigation from "cesium-navigation-es6";
 const Cesium = window.Cesium;
 export default {
     data: function() {

+@import '~view-design/src/styles/index.less';
+
+// Here are the variables to cover, such as:
+@primary-color: #8c0776;
\ No newline at end of file

@@ -6,20 +6,31 @@
  * @FilePath: \superglobevue\src\views\Home.vue
  -->
 <template>
-    <div id="map">
+    <el-container>
+        <el-header style="height: 50px;"><i class="el-icon-s-opportunity"></i>Header</el-header>
+        <el-main>
+            <viewer></viewer>
+        </el-main>
+        <el-footer style="height: 22px;">Footer</el-footer>
+    </el-container>
+    <!-- <div id="map">
+        <div id="header">&nbsp;&nbsp;三维地理信息系统</div>
         <viewer></viewer>
-    </div>
+        <div id="footer">
+            经纬度信息
+        </div>
+    </div> -->
 </template>
 
 <script>
-import viewer from "@/components/viewer_ymo.vue";
+import viewer from "@/components/viewer_s3m_wz.vue";
 
 export default {
     name: "home",
     data() {
-      return {
-        isCollapse: true
-      };
+        return {
+            theme1: 'primary'
+        };
     },
     components: {
         viewer
@@ -29,28 +40,27 @@ export default {
 
 <style scoped>
 .el-header {
-    padding: 12px 20px;
-    -webkit-box-sizing: border-box;
-    box-sizing: border-box;
-    -ms-flex-negative: 0;
-    flex-shrink: 0;
+    height: 50px;
+    top: 0px;
     position: absolute;
-    z-index: 99;
-    background-color: white;
     width: 100%;
-    margin-top: -1px;
-    border-bottom: red;
-    border-bottom-style: solid;
-    border-bottom-width: 2px;
+    background-color: #2d8cf0;
+    color: white;
+    text-align: left;
+    padding: 10px 0px;
+    padding-left: 10px;
+    z-index: 99;
+    font-size: 20pt;
 }
-.el-aside {
-    width: 200px;
+.el-footer {
+    height: 22px;
+    bottom: 0px;
     position: absolute;
-    height: 100%;
-    z-index: 98;
-    margin-top: 39px;
-    margin-left: -20px;
-    background-color: white;
-    /* background-color: rgb(238, 241, 246); */
+    width: 100%;
+    background-color: rgba(19, 17, 17, 0.5);
+    color: white;
+    text-align: left;
+    padding-top: 2px;
+    padding-left: 10px;
 }
 </style>