待支付订单支付

src/pages/home.vue

@@ -28,20 +28,20 @@
             </div>
         </div>
         <div class="divider"></div>
-        <div class="panel">
+        <div class="panel" v-if="data.common_data.length">
             <div class="panel-head">
                 <span class="title">功德无量</span>
                 <arrow-more @click="$router.push({ name: 'merit-list', query: { temple_id: query.temple_id } })"></arrow-more>
             </div>
             <div class="panel-body">
-                <van-swipe class="merit-group" :width="140" :loop="false" :show-indicators="false">
-                    <van-swipe-item v-for="goods in data.common_data" :key="goods.id">
-                        <div class="merit" @click="onToGoods(goods)">
+                <div class="merit-scroll-container">
+                    <div class="merit-scroll-wrapper">
+                        <div class="merit" v-for="goods in data.common_data" :key="goods.id" @click="onToGoods(goods)">
                             <img :src="goods.cover_url" alt="" />
                             <p class="title">{{ goods.alias }}</p>
                         </div>
-                    </van-swipe-item>
-                </van-swipe>
+                    </div>
+                </div>
             </div>
         </div>
         <div class="divider"></div>
@@ -67,17 +67,25 @@
 import { getTempleIndex } from '@/api';
 
 export default {
+    components: {
+    },
     data() {
         return {
             query: this.$route.query,
             value: '',
             data: null,
+            mescrollDown: {},
+            mescrollUp: {},
+            mescroll: null,
         };
     },
     mounted() {
         this.getTempleIndex();
     },
     methods: {
+        mescrollInit(mescroll){
+            this.mescroll = mescroll;
+        },
         onToGoods(goods){
             this.$router.push({
                 name: 'goods-detail',
@@ -180,6 +188,14 @@ export default {
         }
     }
 }
+.merit-scroll-container{
+    margin: 0 .4rem;
+    height: 3.39rem;
+    overflow-x: auto;
+    .merit-scroll-wrapper{
+        white-space: nowrap;
+    }
+}
 .merit-group{
     padding-bottom: .4rem;
 }