'init'

unknown
Showing 3 changed files with 39 additions and 19 deletions
src/App.vue
src/components/menu/MyMenu.vue
src/main.js
--- a/src/App.vue
View file @66528e4
+++ b/src/App.vue
View file @66528e4
@@ -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%;
  }
--- a/src/components/menu/MyMenu.vue
View file @66528e4
+++ b/src/components/menu/MyMenu.vue
View file @66528e4
@@ -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
+    <a-menu theme="light" :defaultSelectedKeys="['1']" mode="inline">
-        mode="inline"
+        <a-menu-item key="1">
-        :defaultSelectedKeys="['1']"
+            <span class="fa fa-map fa-lg"/>
-        :defaultOpenKeys="['sub1']"
+            <router-link :to="'/'"><span>默认信息</span></router-link>
-        :style="{ height: '100%', borderRight: 0 }">
+        </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>
+            <span slot="title"><a-icon type="compass" /><span>空间分析</span></span>
-            <a-menu-item key="9"><router-link :to="'/fire'">火灾分析</router-link></a-menu-item>
+            <a-menu-item key="3_1"><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="3_2"><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="3_3"><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="3_4"><router-link :to="'/spatial1'">空间点查询</router-link></a-menu-item>
-            <a-menu-item key="13"><router-link :to="'/spatial2'">空间面查询</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>
 </template>
\ No newline at end of file
--- a/src/main.js
View file @66528e4
+++ b/src/main.js
View file @66528e4
@@ -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'