You've already forked guangan-mp
83 lines
1.8 KiB
Vue
83 lines
1.8 KiB
Vue
<template>
|
|
<view class="flex flex-column" style="width:100vw;height: 100vh;">
|
|
<i-loading v-if="loading" />
|
|
<view class="flex flex-column flex-1">
|
|
<scroll-view class="flex-1" :scroll-y="true" :refresher-enabled="true"
|
|
:refresher-triggered="refresh" @refresherrefresh="refreshData" @scrolltolower="loadData">
|
|
<view class="px-2">
|
|
<i-list-top :resdata="goodsList"></i-list-top>
|
|
</view>
|
|
<uni-load-more :status="more_status" @clickLoadMore="loadData"></uni-load-more>
|
|
</scroll-view>
|
|
</view>
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
import { TaAjax } from '../../common/ajax';
|
|
|
|
export default {
|
|
computed: {
|
|
more_status() {
|
|
if (this.finish) {
|
|
return 'no-more';
|
|
} else if (this.loading) {
|
|
return 'loading';
|
|
} else {
|
|
return 'more';
|
|
}
|
|
},
|
|
},
|
|
data() {
|
|
return {
|
|
goodsList: [],
|
|
curPage: 1,
|
|
loading: true,
|
|
refresh: true,
|
|
finish: false
|
|
}
|
|
},
|
|
methods: {
|
|
loadData() {
|
|
if (this.refresh) {
|
|
this.goodsList.length = 0;
|
|
this.finish = false;
|
|
}
|
|
if (this.finish) {
|
|
return;
|
|
}
|
|
this.loading = true;
|
|
TaAjax.get('/points_mall/api.goods/get', {
|
|
page: this.curPage
|
|
}).then((result) => {
|
|
const data = result.data;
|
|
const data_list = data.list;
|
|
if (this.refresh) {
|
|
this.goodsList.length = 0;
|
|
}
|
|
this.goodsList = this.goodsList.concat(data_list);
|
|
this.finish = data.total <= this.goodsList.length;
|
|
this.curPage++;
|
|
}).catch((e) => {
|
|
console.warn(e)
|
|
if (this.goodsList.length == 0) {
|
|
this.finish = true;
|
|
}
|
|
}).finally(() => {
|
|
this.refresh = false;
|
|
this.loading = false;
|
|
});
|
|
},
|
|
refreshData() {
|
|
this.finish = false;
|
|
this.refresh = true;
|
|
this.curPage = 1;
|
|
this.loadData();
|
|
},
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style>
|
|
</style>
|