feats

src/layout/index.vue

@@ -1,14 +1,16 @@
 <template>
   <div class="layout">
-    <div>
+    <div class="lay-header">
       <router-view />
     </div>
 
-    <van-tabbar route>
-      <van-tabbar-item replace to="/home" icon="home-o">首页</van-tabbar-item>
-       <van-tabbar-item replace to="/addhouse" icon="add-o">录入</van-tabbar-item>
-      <van-tabbar-item replace to="/user" icon="user-o">我的</van-tabbar-item>
-    </van-tabbar>
+    <div class="lay-footer">
+      <van-tabbar route>
+        <van-tabbar-item replace to="/home" icon="home-o">首页</van-tabbar-item>
+        <van-tabbar-item replace to="/addhouse" icon="add-o">录入</van-tabbar-item>
+        <van-tabbar-item replace to="/user" icon="user-o">我的</van-tabbar-item>
+      </van-tabbar>
+    </div>
   </div>
 </template>
 
@@ -31,16 +33,20 @@ export default {
 </script>
 
 <!-- Add "scoped" attribute to limit CSS to this component only -->
-<style scoped>
-
-.secondhand-main {
-  width: 100%;
-  height: calc(100vh - 142px);
+<style lang="less" scoped>
+.layout {
+  display: flex;
+  flex-direction: column;
   overflow: hidden;
-  overflow-y: auto;
-}
-.secondhand-main::-webkit-scrollbar {
-  display: none; /*隐藏滚动条*/
+
+  .lay-header {
+    flex: auto;
+    overflow-y: auto;
+  }
+
+  .lay_footer {
+    flex: none;
+  }
 }
 
 </style>