我的收藏列表

common/js/config.js

@@ -16,7 +16,7 @@ export default  {
 		//https://demo-guojiang-ec-api.guojiang.club/
 		
 		baseUrl: process.env.NODE_ENV === 'development' ? 
-		'http://192.168.3.29/' : 'https://v3-ec-admin-dev.guojiang.club/', // 运行时自动替换变量
+		'http://192.168.43.69/' : 'https://v3-ec-admin-dev.guojiang.club/', // 运行时自动替换变量
     },
 	 PACKAGES: {
         activity: false,

pages/user/my/collect.vue

@@ -4,9 +4,8 @@
 		<view v-if="tab_list.length">
 			<u-tabs :list="tab_list" active-color="#15716E" inactive-color='#777777' :is-scroll="true" :current="title_current" @change="titletabChange"></u-tabs>
 		</view>
-		
 		<view v-if="title_current==0">
-			<view class="lf-p-30 lf-flex" v-for="i of 8">
+			<view class="lf-p-30 lf-flex" v-for="(item,index) of tab_list[title_current].list" :key="index">
 				<image class="collect-img" src="https://hainan.lanzulive.com/storage/images/v2-deb89623e0ee2a2dad34bcded6dfd1ed_1440w.png" mode="aspectFill"></image>
 				<view class="lf-flex-column lf-m-l-20" style="width: 480rpx;min-height: 160rpx;justify-content: space-between;">
 					<view class="lf-font-36 lf-color-black lf-line-1">luckin coffee 瑞幸瑞幸咖啡瑞幸咖啡瑞幸咖啡瑞幸咖啡咖啡</view>
@@ -18,12 +17,15 @@
 				</view>
 				<view class="lf-iconfont icon-shoucang lf-font-38" style="color: #FF9D9D;"></view>
 			</view>
+			<view class="loading-more">
+				<text :class="{'loading-more-text': tab_list[title_current].loadingClass}" v-if="tab_list[title_current].list.length">{{ tab_list[title_current].loadingText }}</text>
+				<lf-nocontent v-else></lf-nocontent>
+			</view>
 		</view>
 		<view class="lf-p-b-30 lf-m-t-30" v-else>
-			<lf-waterfall :list="tab_list[0].list" :ifsale="false" ref="uWaterfall"></lf-waterfall>
-			<!-- <u-loadmore v-if="recomm_list.length" status="已加载全部数据~" @loadmore="addRandomData"></u-loadmore> -->
+			<lf-waterfall :list="tab_list[title_current].list" :ifsale="false" ref="uWaterfall"></lf-waterfall>
 			<view class="loading-more">
-				<text :class="{'loading-more-text': loading_class}" v-if="list.length">{{ loading_text }}</text>
+				<text :class="{'loading-more-text': tab_list[title_current].loadingClass}" v-if="tab_list[title_current].list.length">{{ tab_list[title_current].loadingText }}</text>
 				<lf-nocontent v-else></lf-nocontent>
 			</view>
 		</view>
@@ -104,16 +106,23 @@
 				isRefresher: true
 			}
 		},
+		computed: {
+			autoHeight(){
+				return `calc(${this.scrollH}px - ${this.nav_height}px - 86rpx)`;
+			}
+		},
 		components: {
 			lfWaterfall
 		},
 		onShow(){
-			this.windowHeight = getApp().globalData.windowHeight;
+			let info = uni.getSystemInfoSync();
+			this.scrollH = info.screenHeight;
 			this.getData();
 		},
 		methods: {
 			titletabChange(index){
 				this.title_current = index;
+				this.getData();
 			},
 			getData(options = {}) {
 				let tab_item = this.tab_list[this.title_current];
@@ -121,7 +130,7 @@
 				    .get({
 				        api: 'api/collect',
 						data: {
-							type: 'jc_goods'
+							type: tab_item.type
 						},
 						header: {
 						   Authorization: this.$cookieStorage.get('user_token')
@@ -139,6 +148,7 @@
 				            if(options.type == 'pageRefresh') {
 				            	uni.stopPullDownRefresh();
 				            }else if(options.type == 'scrollRefresh') {
+								console.log('进入了')
 				            	this.isRefresher = false;
 				            }
 				            if(tab_item.page == 1) {
@@ -161,12 +171,13 @@
 			},
 			// 滑块下标值变化
 			swiperChange(event){
-				this.current = event.detail.current;
+				this.title_current = event.detail.current;
 				if(event.detail.source == '') return; // 如果是被动出发，没有事件类型则不做处理
+				this.getData();
 			},
 			// 页面触底，加载下一页
 			onScrolltolower(){
-				let tab_item = this.tab_list[this.current];
+				let tab_item = this.tab_list[this.title_current];
 				if(tab_item.isPage){
 					tab_item.page = tab_item.page + 1;
 					this.getData();
@@ -175,20 +186,19 @@
 			// scroll-view 下拉刷新
 			onRefresherrefresh(){
 				this.$u.throttle(() => {
-					this.clearTabItem();
-					this.getData();
+					this.clearTabItem({type: 'scrollRefresh'});
 				}, 200);
 			},
-			clearTabItem(){
-				let tab_item = this.tab_list[this.current];
+			clearTabItem(options){
+				let tab_item = this.tab_list[this.title_current];
 				tab_item.page = 1;
 				tab_item.isPage = true;
 				tab_item.isRefresher = true;
 				tab_item.loadingClass = true;
 				tab_item.loadingText = '正在加载中';
 				tab_item.list = [];
-				this.$set(this.tab_list, this.current, tab_item);
-				// this.$refs.uWaterfallFather[this.current].clear();
+				this.getData(options);
+				// this.$refs.uWaterfallFather[this.title_current].clear();
 			}
 		}
 	}