<template>
	<view>
		<page ref='page' noteEmpty='没有推荐商品' :api='api' @updateList="updateList">
			<productList :list="list"></productList>
		</page>
	</view>
</template>

<script>
	import page from "./page.vue"
	import productList from "./productList.vue"

	import {
		findProductRecommendList
	} from '../js/request.js'

	export default {
		components: {
			page,
			productList
		},
		data() {
			return {
				list: [],
				api: findProductRecommendList,
			}
		},
		methods: {
			updateList(list) {
				this.list = list
			},
			pullDownRefresh() {
				this.$refs.page.pullDownRefresh()
			},
			reachBottom() {
				this.$refs.page.reachBottom()
			}
		}
	}
</script>

<style lang="scss" scoped>
</style>
