|
|
|
@ -1,20 +1,21 @@ |
|
|
|
<template> |
|
|
|
<view> |
|
|
|
<view class="list-box"> |
|
|
|
<view class="lf-row-between list-item" v-for="(item, index) in list" :key="index" hover-class="lf-opacity"> |
|
|
|
<image class="goods-img"></image> |
|
|
|
<view class="lf-row-between list-item" v-for="(item, index) in list" :key="item.id"> |
|
|
|
<image class="goods-img" :src="item.goods.cover" @click="enterDetail(index)"></image> |
|
|
|
<view style="width: 480rpx;"> |
|
|
|
<view class="lf-font-32 lf-line-1">网红辣椒棒魔鬼辣椒挑战全网第</view> |
|
|
|
<view class="lf-font-32 lf-line-1" @click="enterDetail(index)">{{ item.goods.name }}</view> |
|
|
|
<view class="lf-row-between lf-m-t-20"> |
|
|
|
<view class="lf-flex"> |
|
|
|
<image class="shop-img"></image> |
|
|
|
<view class="lf-m-l-10 lf-font-28 lf-line-1 shop-name">李大叔家的店</view> |
|
|
|
<image class="shop-img" :src="item.goods.store.cover"></image> |
|
|
|
<view class="lf-m-l-10 lf-font-28 lf-line-1 shop-name">{{ item.goods.store.name }}</view> |
|
|
|
</view> |
|
|
|
<view> |
|
|
|
<u-icon name="heart-fill" color="#ff0f00"></u-icon> |
|
|
|
<view @click="switchCollect(index)"> |
|
|
|
<u-icon name="heart-fill" color="#ff0f00" v-if="item.is_collect"></u-icon> |
|
|
|
<u-icon name="heart" v-else></u-icon> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<view class="lf-m-t-20 lf-font-24 lf-color-gray">收藏时间 2021-6-17 12:37:54</view> |
|
|
|
<view class="lf-m-t-20 lf-font-24 lf-color-gray">{{ item.created_at_text }}</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
@ -30,16 +31,63 @@ |
|
|
|
export default { |
|
|
|
data(){ |
|
|
|
return { |
|
|
|
list: [1, 2], |
|
|
|
loadingClass: false, |
|
|
|
loadingText: '已显示全部数据~' |
|
|
|
list: [], |
|
|
|
loadingClass: true, |
|
|
|
loadingText: '正在加载中', |
|
|
|
page: 1, |
|
|
|
isPage: true, |
|
|
|
pageSize: 20 |
|
|
|
} |
|
|
|
}, |
|
|
|
onLoad(){ |
|
|
|
|
|
|
|
this.getCollectList(); |
|
|
|
}, |
|
|
|
methods: { |
|
|
|
|
|
|
|
getCollectList(){ |
|
|
|
// TODO 接口传参 |
|
|
|
this.$http(this.API.API_COLLECT_LIST).then(res => { |
|
|
|
this.isPage = res.data.has_more_page; |
|
|
|
let list = res.data.items.map(item => { |
|
|
|
item.is_collect = true; // 默认都收藏了 |
|
|
|
return item; |
|
|
|
}); |
|
|
|
if(!res.data.has_more_page){ |
|
|
|
this.loadingClass = false; |
|
|
|
this.loadingText = '已显示全部数据~'; |
|
|
|
} |
|
|
|
if(this.page == 1){ |
|
|
|
this.list = list; |
|
|
|
}else{ |
|
|
|
this.list.push(...list); |
|
|
|
} |
|
|
|
}) |
|
|
|
}, |
|
|
|
// 切换收藏状态 |
|
|
|
switchCollect(index){ |
|
|
|
let goods_id = this.list[index].goods_id; |
|
|
|
this.$http(this.API.API_COLLECT_DEAL, {goods_id}).then(res => { |
|
|
|
this.list[index].is_collect = Boolean(res.data.user.is_collect); |
|
|
|
}) |
|
|
|
}, |
|
|
|
// 进入商品详情页 |
|
|
|
enterDetail(index){ |
|
|
|
let goods_id = this.list[index].goods_id; |
|
|
|
this.$url('/pages/goodsDetail/index?id='+ goods_id); |
|
|
|
} |
|
|
|
}, |
|
|
|
onReachBottom(){ |
|
|
|
if(this.isPage){ |
|
|
|
this.page = this.page + 1; |
|
|
|
this.getCollectList(); |
|
|
|
} |
|
|
|
}, |
|
|
|
onPullDownRefresh(){ |
|
|
|
this.page = 1; |
|
|
|
this.isPage = true; |
|
|
|
this.loadingClass = true; |
|
|
|
this.loadingText = '正在加载中'; |
|
|
|
this.getCollectList(); |
|
|
|
uni.stopPullDownRefresh(); |
|
|
|
} |
|
|
|
} |
|
|
|
</script> |
|
|
|
|
