样式

src/views/houseQR/index.less

@@ -2,7 +2,7 @@
     background:url('@/assets/images/houseQR/header_bg.png') no-repeat;
     background-size: 100%;
     width: 100%;
-    height: 180px;
+    height: 100px;
     z-index: 1;
 }
 .mask{
@@ -16,8 +16,8 @@
     z-index: 2;
 }
 section{
-    position: relative;
-    top: -40px;
+    position: absolute;
+    top: 90px;
     z-index: 3;
     .house_base{
         position: relative;
@@ -85,8 +85,9 @@ a{
     border-radius: 7px;
     height: 38px;
     padding: 7px 16px;
-    position: relative;
-    bottom: 20px;
+    position: fixed;
+    bottom: 10px;
+    left: 10px;
     box-sizing: border-box;
     z-index: 10;
 }

src/views/houseQR/index.vue

@@ -1,5 +1,5 @@
 <template>
-  <div>
+  <div style="position: relative;">
     <div class="header">
       <div class="mask"></div>
     </div>
@@ -50,7 +50,7 @@
           </div>
         </div>
       </div>
-      <div class="content card" style="margin-top: 10px">
+      <div class="content card " style="margin-top: 10px;margin-bottom: 70px;">
         <div class="title"><span>服务矩阵</span></div>
         <div class="my_community flex flex-wrap">
           <div style="width: 25%" class="flex flex-y flex-center1 flex-center2" v-for="(item, index) in serverList"