Skip to content

蒋波涛 / super_globe_vue

Go to a project
Toggle navigation
Toggle navigation pinning
8f2cd684 by chiangbt
Options

20191205

1 parent 736da9bf
Expand all
Inline Side-by-side
Showing 5 changed files with 40 additions and 27 deletions
...@@ -22,7 +22,7 @@ SuperGlobeVue是基于vue-cli3和supermap cesium 的一款Globe地球视图。 ...@@ -22,7 +22,7 @@ SuperGlobeVue是基于vue-cli3和supermap cesium 的一款Globe地球视图。
22 ## 2、设置 22 ## 2、设置
23 ### 项目依赖库安装 23 ### 项目依赖库安装
24 ``` 24 ```
25 npm install 25 npm install --registry https://registry.npm.taobao.org
26 ``` 26 ```
27 27
28 ### 代码编译及热启动 28 ### 代码编译及热启动
......
...@@ -45,7 +45,6 @@ ...@@ -45,7 +45,6 @@
45 45
46 <script> 46 <script>
47 import URL_CONFIG from "./../config/urlConfig.vue"; 47 import URL_CONFIG from "./../config/urlConfig.vue";
48 // import CesiumNavigation from "cesium-navigation-es6";
49 const Cesium = window.Cesium; 48 const Cesium = window.Cesium;
50 export default { 49 export default {
51 data: function() { 50 data: function() {
......
1 @import '~view-design/src/styles/index.less';
2
3 // Here are the variables to cover, such as:
4 @primary-color: #8c0776;
...\ No newline at end of file ...\ No newline at end of file
...@@ -6,20 +6,31 @@ ...@@ -6,20 +6,31 @@
6 * @FilePath: \superglobevue\src\views\Home.vue 6 * @FilePath: \superglobevue\src\views\Home.vue
7 --> 7 -->
8 <template> 8 <template>
9 <div id="map"> 9 <el-container>
10 <el-header style="height: 50px;"><i class="el-icon-s-opportunity"></i>Header</el-header>
11 <el-main>
12 <viewer></viewer>
13 </el-main>
14 <el-footer style="height: 22px;">Footer</el-footer>
15 </el-container>
16 <!-- <div id="map">
17 <div id="header">&nbsp;&nbsp;三维地理信息系统</div>
10 <viewer></viewer> 18 <viewer></viewer>
11 </div> 19 <div id="footer">
20 经纬度信息
21 </div>
22 </div> -->
12 </template> 23 </template>
13 24
14 <script> 25 <script>
15 import viewer from "@/components/viewer_ymo.vue"; 26 import viewer from "@/components/viewer_s3m_wz.vue";
16 27
17 export default { 28 export default {
18 name: "home", 29 name: "home",
19 data() { 30 data() {
20 return { 31 return {
21 isCollapse: true 32 theme1: 'primary'
22 }; 33 };
23 }, 34 },
24 components: { 35 components: {
25 viewer 36 viewer
...@@ -29,28 +40,27 @@ export default { ...@@ -29,28 +40,27 @@ export default {
29 40
30 <style scoped> 41 <style scoped>
31 .el-header { 42 .el-header {
32 padding: 12px 20px; 43 height: 50px;
33 -webkit-box-sizing: border-box; 44 top: 0px;
34 box-sizing: border-box;
35 -ms-flex-negative: 0;
36 flex-shrink: 0;
37 position: absolute; 45 position: absolute;
38 z-index: 99;
39 background-color: white;
40 width: 100%; 46 width: 100%;
41 margin-top: -1px; 47 background-color: #2d8cf0;
42 border-bottom: red; 48 color: white;
43 border-bottom-style: solid; 49 text-align: left;
44 border-bottom-width: 2px; 50 padding: 10px 0px;
51 padding-left: 10px;
52 z-index: 99;
53 font-size: 20pt;
45 } 54 }
46 .el-aside { 55 .el-footer {
47 width: 200px; 56 height: 22px;
57 bottom: 0px;
48 position: absolute; 58 position: absolute;
49 height: 100%; 59 width: 100%;
50 z-index: 98; 60 background-color: rgba(19, 17, 17, 0.5);
51 margin-top: 39px; 61 color: white;
52 margin-left: -20px; 62 text-align: left;
53 background-color: white; 63 padding-top: 2px;
54 /* background-color: rgb(238, 241, 246); */ 64 padding-left: 10px;
55 } 65 }
56 </style> 66 </style>
......