leave-unused/pages/idle/idle.vue

<template>
	<view class="pad-x120" v-if="isLoading">
		<!-- 头部 -->
		<status-nav :ifReturn="false" navBarTitle="奥园三期-闲置商品" :ifCenter="false"></status-nav>
		<!-- 商品列表 -->
		<goods-list :goodsList="goodsList"></goods-list>
		<!-- 没有更多 -->
		<view class="no-more mar-s20 font24 color-99">没有更多数据了</view>
		<!-- 尾部 -->
		<tabbar></tabbar>
	</view>
</template>
<script>
	import goodsList from '@/components/goods-list/goods-list.vue';
	import tabbar from '@/components/tabbar/tabbar';
	export default {
		components:{
			goodsList,
			tabbar
		},
		data() {
			return {
				statusHeight:uni.getSystemInfoSync().statusBarHeight, //状态栏高度
				goodsList:[], //商品列表
				page:1, //页数
				size:10, //条数
				total:0, //总数
				isLoading:false, //是否加载完成
			}
		},
		onShow() {
			// 查询商品列表
			this.getGoodsList();
		},
		onShareAppMessage(res) {
			let shareObj = {
				title:'老农极鲜',
				path: uni.getStorageSync('page-path-options')+'?invite_code='+uni.getStorageSync('invite_code'),
				imageUrl:'/static/img/shear-index.jpg',
			}
			// 返回shareObj
			return shareObj;
		},
		onShareTimeline(res){
			let shareObj = {
				title:'老农极鲜',
				query: '?invite_code='+uni.getStorageSync('invite_code'),
				path: uni.getStorageSync('page-path-options')+'?invite_code='+uni.getStorageSync('invite_code'),
				imageUrl:'/static/img/shear-index.jpg',
			}
			// 返回shareObj
			return shareObj;
		},
		onReachBottom(e) {
			if(this.goodsList.length<this.total){
				this.page++;
				// 查询商品列表
				this.getGoodsList();
			}
		},
		methods: {
			// 查询商品列表
			getGoodsList(){
				this.goodsList = [
					{id:0,name:'儿童自行车',cover:'/static/index-01.png',price:'30.00',original_price:'120.00',state:1},
					{id:0,name:'儿童手表',cover:'/static/index-02.png',price:'480.00',original_price:'160.00',state:1},
					{id:0,name:'尿布台',cover:'/static/index-03.png',price:'120.00',original_price:'480.00',state:1},
					{id:0,name:'儿童自行车',cover:'/static/index-01.png',price:'30.00',original_price:'120.00',state:1},
					{id:0,name:'儿童手表',cover:'/static/index-02.png',price:'480.00',original_price:'160.00',state:1},
					{id:0,name:'尿布台',cover:'/static/index-03.png',price:'120.00',original_price:'480.00',state:1},
					{id:0,name:'儿童自行车',cover:'/static/index-01.png',price:'30.00',original_price:'120.00',state:1},
					{id:0,name:'儿童手表',cover:'/static/index-02.png',price:'480.00',original_price:'160.00',state:1},
					{id:0,name:'尿布台',cover:'/static/index-03.png',price:'120.00',original_price:'480.00',state:1},
					{id:0,name:'儿童自行车',cover:'/static/index-01.png',price:'30.00',original_price:'120.00',state:1},
					{id:0,name:'儿童手表',cover:'/static/index-02.png',price:'480.00',original_price:'160.00',state:1},
					{id:0,name:'尿布台',cover:'/static/index-03.png',price:'120.00',original_price:'480.00',state:1}
				]
				this.isLoading = true;
				// uni.showLoading({
				// 	title:'加载中'
				// })
				// let params = {
				// 	page:this.page,
				// 	size:this.size,
				// 	addr_id:id
				// }
				// this.$requst.get('/api/spu/list',params).then(res=>{
				// 	if(res.code == 0){
				// 		console.log(res,'商品列表')
				// 		this.total = res.data.total;
				// 		let goodsArr = [];
				// 		res.data.list.forEach(item=>{
				// 			let obj = {
				// 				id:item.id,
				// 				cover:item.cover,
				// 				name:item.name,
				// 				price:item.price
				// 			}
				// 			goodsArr.push(obj)
				// 		})
				// 		this.goodsList = this.goodsList.concat(goodsArr);
				// 	}
				// 	uni.hideLoading();
				// 	this.isLoading = true;
				// })
			},
			
			// 去详情页
			goDetail(id){
				uni.navigateTo({
					url:`/pages/index/detail?id=${id}`
				})
			},
		}
	}
</script>
<style scoped>
	.no-more{
		text-align: center;
		line-height: 2;
	}
</style>