Skip to content

蒋波涛 / super_globe_vue

Go to a project
Toggle navigation
Toggle navigation pinning
66528e44 by unknown
Options

'init'

1 parent 6f1fc9b6
Inline Side-by-side
Showing 3 changed files with 40 additions and 20 deletions
......@@ -2,7 +2,7 @@
* @Author: jiangbotao
* @Date: 2019-12-03 22:31:08
* @LastEditors: jiangbotao
* @LastEditTime: 2019-12-14 12:28:02
* @LastEditTime: 2019-12-14 12:41:30
* @FilePath: \superglobevue\src\App.vue
-->
<template>
......@@ -18,7 +18,7 @@
</a-menu>
</a-layout-header>
<a-layout>
<a-layout-sider width="200" style="background: #fff">
<a-layout-sider collapsible v-model="collapsed" style="background-color:white;">
<MyMenu></MyMenu>
</a-layout-sider>
<a-layout style="padding: 10px 10px 10px 10px">
......@@ -39,7 +39,7 @@ export default {
name: 'App',
data() {
return {
collapsed: false,
collapsed: true,
};
},
components:{
......@@ -48,7 +48,7 @@ export default {
}
</script>
<style lang="scss">
<style scoped>
.ant-layout-header {
height: 64px;
padding: 0 25px;
......@@ -68,6 +68,26 @@ export default {
margin: 16px 28px 16px 0;
float: left;
}
.ant-layout-sider {
position: relative;
min-width: 0;
background:white;
-webkit-transition: all 0.2s;
transition: all 0.2s;
}
.ant-layout-sider-trigger {
position: fixed;
bottom: 0;
z-index: 1;
height: 48px;
color: #b73c3c;
line-height: 48px;
text-align: center;
background: #ffffff;
cursor: pointer;
-webkit-transition: all 0.2s;
transition: all 0.2s;
}
#app{
height: 100%;
}
......
......@@ -2,24 +2,24 @@
* @Author: jiangbotao
* @Date: 2019-12-14 12:19:33
* @LastEditors: jiangbotao
* @LastEditTime: 2019-12-14 12:25:10
* @LastEditTime: 2019-12-14 12:35:59
* @FilePath: \superglobevue\src\components\menu\MyMenu.vue
-->
<template>
<a-menu
mode="inline"
:defaultSelectedKeys="['1']"
:defaultOpenKeys="['sub1']"
:style="{ height: '100%', borderRight: 0 }">
<a-menu theme="light" :defaultSelectedKeys="['1']" mode="inline">
<a-menu-item key="1">
<span class="fa fa-map fa-lg"/>
<router-link :to="'/'"><span>默认信息</span></router-link>
</a-menu-item>
<a-sub-menu key="sub1">
<span slot="title"><a-icon type="user" />3D展示</span>
<span slot="title"><a-icon type="user" /><span>3D展示</span></span>
<a-menu-item key="1_1"><router-link :to="'/'">建筑物白模</router-link></a-menu-item>
<a-menu-item key="1_2"><router-link :to="'/tdt'">天地图</router-link></a-menu-item>
<a-menu-item key="1_3"><router-link :to="'/changeview'">固定视图</router-link></a-menu-item>
<a-menu-item key="1_4"><router-link :to="'/split'">多视图展示</router-link></a-menu-item>
</a-sub-menu>
<a-sub-menu key="sub2">
<span slot="title"><a-icon type="laptop" />倾斜摄影</span>
<span slot="title"><a-icon type="team" /><span>倾斜摄影数据</span></span>
<a-menu-item key="2_1"><router-link :to="'/ms3m'">多模型图层</router-link></a-menu-item>
<a-menu-item key="2_2"><router-link :to="'/s3m'">倾斜摄影数据</router-link></a-menu-item>
<a-menu-item key="2_3"><router-link :to="'/s3m_single_box'">单体化查询1</router-link></a-menu-item>
......@@ -27,12 +27,12 @@
<a-menu-item key="2_5"><router-link :to="'/hyp'">大场景图层淹没</router-link></a-menu-item>
</a-sub-menu>
<a-sub-menu key="sub3">
<span slot="title"><a-icon type="notification" />空间分析与查询</span>
<a-menu-item key="9"><router-link :to="'/fire'">火灾分析</router-link></a-menu-item>
<a-menu-item key="10"><router-link :to="'/underground'">地面开挖</router-link></a-menu-item>
<a-menu-item key="11"><router-link :to="'/ymo'">地形淹没分析</router-link></a-menu-item>
<a-menu-item key="12"><router-link :to="'/spatial1'">空间点查询</router-link></a-menu-item>
<a-menu-item key="13"><router-link :to="'/spatial2'">空间面查询</router-link></a-menu-item>
<span slot="title"><a-icon type="compass" /><span>空间分析</span></span>
<a-menu-item key="3_1"><router-link :to="'/fire'">火灾分析</router-link></a-menu-item>
<a-menu-item key="3_2"><router-link :to="'/underground'">地面开挖</router-link></a-menu-item>
<a-menu-item key="3_3"><router-link :to="'/ymo'">地形淹没分析</router-link></a-menu-item>
<a-menu-item key="3_4"><router-link :to="'/spatial1'">空间点查询</router-link></a-menu-item>
<a-menu-item key="3_5"><router-link :to="'/spatial2'">空间面查询</router-link></a-menu-item>
</a-sub-menu>
</a-menu>
</a-menu>
</template>
\ No newline at end of file
......
......@@ -2,7 +2,7 @@
* @Author: jiangbotao
* @Date: 2019-12-03 22:31:08
* @LastEditors: jiangbotao
* @LastEditTime: 2019-12-14 12:28:56
* @LastEditTime: 2019-12-14 12:45:34
* @FilePath: \superglobevue\src\main.js
*/
import Vue from 'vue'
......