diff --git a/pagesInn/inn/innGoodList.vue b/pagesInn/inn/innGoodList.vue
index 5862816..8c47507 100644
--- a/pagesInn/inn/innGoodList.vue
+++ b/pagesInn/inn/innGoodList.vue
@@ -33,6 +33,18 @@
+
+ 加载中...
+
+
+ 已经到底了
+
@@ -42,11 +54,7 @@
import {
getHotelGoodList
} from "@/api/inn.js";
-import {formatDateTime} from "@/utils";
-import {getUrlParam} from "@/utils/common.js";
import imgBox from '@/components/imageTypeSet/imagebox.vue'
-import cookie from "@/utils/store/cookie";
-import {addStore, removeStore} from "@/api/favorite";
import GooSkeleton from '@/components/GooSkeleton/index.vue'
export default {
@@ -58,7 +66,9 @@ export default {
return {
webUrl: this.$VUE_APP_RESOURCES_URL,
isLoad: false,
+ loading: false,
page: 1,
+ totalPage: 1,
goodsList: [],
id: null,
}
@@ -69,6 +79,15 @@ export default {
this.fetchGoods()
}
},
+ onReachBottom() {
+ if (this.page >= this.totalPage) {
+ return
+ }
+ if (!this.loading) {
+ this.page++
+ this.fetchGoods()
+ }
+ },
methods: {
goGoodsConByID(item) {
this.$yrouter.push({
@@ -79,6 +98,7 @@ export default {
})
},
fetchGoods() {
+ this.loading = true
getHotelGoodList({
id: this.id,
page: this.page,
@@ -87,6 +107,7 @@ export default {
const { success, data } = res
if (success) {
this.isLoad = true
+ this.totalPage = data.pages
const len = data.records.length
if (len > 0) {
for (let i = 0; i < len; i++) {
@@ -94,6 +115,8 @@ export default {
}
}
}
+ }).finally(() => {
+ this.loading = false
})
}
}
@@ -103,7 +126,6 @@ export default {
@import "@/assets/css/store.less";
.goods-section {
padding: 40rpx 32rpx 0;
- background: #F5F5FA;
.item {
position: relative;
width: 332rpx;
@@ -161,6 +183,11 @@ export default {
}
.container {
position: relative;
- background: #FFFFFF;
+ background: #F5F5FA;
+}
+.loading-txt {
+ padding: 30rpx 0;
+ color: #999;
+ text-align: center;
}
diff --git a/pagesInn/inn/innHome.vue b/pagesInn/inn/innHome.vue
index ce6c5f0..165a305 100644
--- a/pagesInn/inn/innHome.vue
+++ b/pagesInn/inn/innHome.vue
@@ -148,42 +148,44 @@
-
-
-
-
- {{ item.storeName }}
-
+
+
+
+
+
+ {{ item.storeName }}
+
+
+ ¥{{ item.price }}
+
+
+
- ¥{{ item.price }}
+ {{ item.sales }}人已购买
-
-
- {{ item.sales }}人已购买
-
-
- 查看所有商品
+
+
+ 查看所有商品
+
+
@@ -972,6 +974,19 @@ export default {
margin-right: 6rpx;
vertical-align: middle;
}
+ .btn {
+ display: flex;
+ padding: 20rpx 0;
+ justify-content: center;
+ .btn-cont {
+ padding: 10rpx 30rpx;
+ border: 1px solid #0DC5C5;
+ color: #0DC5C5;
+ .iconfont {
+ font-size: 24rpx;
+ }
+ }
+ }
}
.container {