add swiper

Author: fanny

package-lock.json

@@ -14,8 +14,6 @@
     "axios": "^0.18.0",
     "better-scroll": "^1.12.1",
     "fastclick": "^1.0.6",
-    "iscroll": "^5.2.0",
-    "mint-ui": "^2.2.13",
     "showdown": "^1.8.6",
     "vue": "^2.5.2",
     "vue-awesome-swiper": "^2.6.7",

package.json

@@ -78,7 +78,8 @@ export default {
       showBackStatus: false, // 显示返回顶部按钮
       showLoading: true, // 显示加载动画
       touchend: false, // 没有更多数据
-      imgBaseUrl: imgBaseUrl
+      imgBaseUrl: imgBaseUrl,
+      touched: false
     }
   },
   mounted () {
@@ -97,7 +98,7 @@ export default {
   },
   methods: {
     async initData () {
-      let res = await this.getShopList((this.latitude, this.longitude, this.offset, this.restaurantCategoryId))
+      let res = await this.getShopList(this.latitude, this.longitude, this.offset, this.restaurantCategoryId)
       this.shopListArr = [...res]
       if (res.length < 20) {
         this.touchend = true
@@ -108,16 +109,16 @@ export default {
         this.showBackStatus = callbackStatus
       })
     },
-    getShopList (latitude, longitude, offset, restaurantCategoryId = '', restaurantCategoryIds = '', orderBy = '', deliveryMode = '', supportIds = []) {
+    getShopList (latitude, longitude, offset = 0, restaurantCategoryId = '', restaurantCategoryIds = '', orderBy = '', deliveryMode = '', supportIds = []) {
       let supportStr = ''
       supportIds.forEach(item => {
         if (item.status) {
           supportStr += '&support_ids[]=' + item.id
         }
       })
-      let query = '?latitude=' + latitude + '&longitude=' + longitude + '&offset=' + offset + '&limit=20' + '&restaurant_category_id=' + restaurantCategoryId + 'restaurant_category_ids[]' + restaurantCategoryIds
+      let query = '?latitude=' + latitude + '&longitude=' + longitude + '&offset=' + offset + '&limit=20' + '&restaurant_category_id=' + restaurantCategoryId + '&restaurant_category_ids[]' + restaurantCategoryIds
       query += '&order_by=' + orderBy + '&delivery_mode[]=' + deliveryMode + supportStr
-      this.$axios.get(urls.getShopList + query).then((res) => {
+      this.$axios.get(urls.shopList + query).then((res) => {
         return res
       })
     },

src/components/common/shoplist.vue

@@ -0,0 +1,46 @@
+<template>
+    <div class="swiper-item" :style="style">
+        <slot></slot>
+    </div>
+</template>
+
+<script>
+/* eslint-disable*/
+    export default {
+        name: 'vueSwiperSlide',
+        created: function() {
+            let me = this;
+            let width = this.$parent.width;
+            let height = this.$parent.height;
+            width && (this.style.width = width + 'px');
+            height && (this.style.height = height + 'px');
+            this.$on('sizeResized', function({width, height}) {
+                width && (me.style.width = width + 'px');
+                height && (me.style.height = height + 'px');
+            });
+        },
+        data() {
+            return {
+                style: {
+                    width: 100 + '%',
+                    height: 'auto'
+                }
+            }
+        },
+        updated(val,oldval) {
+            this.$parent.$emit('childUpdate');
+        }
+    }
+</script>
+
+<style lang="scss">
+    .swiper {
+        &-item {
+            width: 1200px;
+            box-sizing: border-box;
+            flex-shrink: 0;
+            display: flex;
+            height: 100%;
+        }
+    }
+</style>