提交测试版

src/pages/home.vue

@@ -1,6 +1,5 @@
 <template>
-    <div v-if="data" class="platform_home">
-        <van-nav-bar title="自在福田" style="background: #bf9330; color: white" />
+    <div v-if="data" class="platform_home" >
         <van-search v-model="value" readonly placeholder="寺院、主持、监寺" @click="onSearch" />
         <div class="container">
             <div class="swiper">
@@ -69,6 +68,7 @@ import { getTempleIndex } from '@/api';
 export default {
     components: {
     },
+    inject: ['safeAreaInsetBottom'],
     data() {
         return {
             query: this.$route.query,
@@ -134,10 +134,12 @@ export default {
 }
 .merit-rank-container {
 }
-
+.van-search{
+    padding: .4rem
+}
 .container {
     padding: 0.4rem;
-    padding-bottom: 0.53rem;
+    padding-top: 0;
     .my-swipe .van-swipe-item {
         color: #fff;
         font-size: 20px;
@@ -150,7 +152,7 @@ export default {
         }
     }
     .swiper {
-        margin-bottom: 0.4rem;
+        margin-bottom: 0
     }
     .van-notice-bar {
         border: 1px solid #e6b759;
@@ -168,7 +170,6 @@ export default {
         margin-top: 0.5rem;
         height: 1.26rem;
         overflow: hidden;
-        margin-bottom: 0.5rem;
         .van-swipe {
             height: 100%;
         }
@@ -177,7 +178,7 @@ export default {
         }
     }
     .van-swipe__indicators {
-        bottom: 0;
+        bottom: .1rem;
         .van-swipe__indicator {
             width: 20px;
             height: 2px;
@@ -187,6 +188,9 @@ export default {
             background: $primary-color;
         }
     }
+    .panel{
+        padding-bottom: 0;
+    }
 }
 .merit-scroll-container{
     margin: 0 .4rem;