溧水app代码首页结构修改

lss_vue/src/views/Home.vue

@@ -1,7 +1,7 @@
 <template>
-    <div>
-        <router-view></router-view>
-        <mt-tabbar v-model="selected" fixed='true'>
+    <div class="context">
+        <router-view class="context_router"></router-view>
+        <mt-tabbar v-model="selected" fixed>
             <mt-tab-item id="tab1" @click.native="changeTab(1)">
                 <img v-if="selected == 'tab1'" slot="icon" src="../assets/image/tab_ass_choose.png">
                 <img v-else slot="icon" src="../assets/image/tab_ass.png">
@@ -197,6 +197,14 @@
 <style scoped lang="scss">
     @import "~scss_vars";
 
+    .context {
+        height: 100%;
+    }
+
+    .context_router {
+        height: calc(100% - 55px);
+    }
+
     .el-menu-vertical-demo i {
         margin-right: 10px;
     }

lss_vue/src/views/agency/agencyList.vue

@@ -1,8 +1,91 @@
 <template>
 	<div>
-        <mt-header title="首页" fixed='true'></mt-header>
-        <mt-search v-model="value" cancel-text="取消" placeholder="搜索"></mt-search>
-        1111
+        <div class="head">
+            <mt-header title="资产"></mt-header>
+            <!-- <mt-search v-model="value" cancel-text="取消" placeholder="搜索"></mt-search> -->
+        </div>
+        <div class="body">
+            中间区域
+            <br>
+            中间区域
+            中间区域
+            <br>
+            中间区域
+            中间区域
+            <br>
+            中间区域
+            中间区域
+            <br>
+            中间区域
+            中间区域
+            <br>
+            中间区域
+            中间区域
+            <br>
+            中间区域
+            中间区域
+            <br>
+            中间区域
+            中间区域
+            <br>
+            中间区域
+
+            <br>
+            中间区域
+            中间区域
+            <br>
+            中间区域
+            <br>
+            中间区域
+            <br>
+            中间区域
+            <br>
+            中间区域
+            <br>
+            中间区域
+            <br>
+            中间区域
+            <br>
+            中间区域
+            <br>
+            中间区域
+            <br>
+            中间区域
+            <br>
+            中间区域
+            <br>
+            中间区域
+            中间区域
+            <br>
+            中间区域
+            <br>
+            中间区域
+            中间区域
+            <br>
+            中间区域
+            <br>
+            中间区域
+            <br>
+            中间区域
+            <br>
+            中间区域
+            <br>
+            中间区域
+            <br>
+            中间区域
+            <br>
+            中间区域
+            <br>
+            中间区域
+            <br>
+            中间区域
+            <br>
+            中间区域
+            <br>
+            中间区域
+            中间区域
+            <br>
+        </div>
     </div>
 </template>
 
@@ -22,7 +105,8 @@
             }
         },
         created() {
-            
+            let height = window;
+            console.log(height)
         },
         watch: {
             
@@ -35,5 +119,24 @@
 </script>
 
 <style scoped>
-    
+    .head {
+        position: fixed;
+        width: 100%;
+        height: 0.4rem;
+    }
+
+    .head header.mint-header {
+        height: 100%;
+    }
+
+    .body {
+        -webkit-box-flex: 1;
+        -webkit-flex: 1;
+        -ms-flex: 1;
+        flex: 1;
+        width: 100%;
+        padding-top: 0.42rem;
+        height: calc(100% - 0.4rem);
+        overflow-y: auto;
+    }
 </style>