<template>
	<view class="cloudStoreList">
		<mescroll-uni @init="mescrollInit" @down="downCallback" @up="upCallback" :down="downOption" :up="upOption">
			<view class="shopItemIcon" v-for="(item) in shopList" >
				<shop-item-vue :shopName="item.shopName" :shopIcon="item.shopIcon" :value="item.likeValue"></shop-item-vue>
			</view>
		</mescroll-uni>
		<tabBar :current="0"></tabBar>
	</view>
</template>

<script>
	import tabBar from '@/components/tab-bar.vue'
	import shopItemVue from './components/shopItem.vue'
	import MescrollMixin from "@/uni_modules/mescroll-uni/components/mescroll-uni/mescroll-mixins.js";
	export default {
		mixins: [MescrollMixin], //使用mixin
		components:{
			tabBar,
			shopItemVue,
		},
		data(){
			return{
				shopList:[{
					shopName:"bbbbb",
					shopIcon:'https://wx2.sinaimg.cn/large/00754ABFgy1hrslrtgykuj318g18gwph.jpg',
					likeValue:2
				},{
					shopName:"aaaaa",
					shopIcon:'https://wx2.sinaimg.cn/large/00754ABFgy1hrslrlxs7sj318g18gk2g.jpg',
					likeValue:3
				},{
					shopName:"cccccc",
					shopIcon:'https://wx2.sinaimg.cn/large/00754ABFgy1hrslrrlp2jj30ze0zejt3.jpg',
					likeValue:3.5
				},{
					shopName:"abcdef",
					shopIcon:'https://wx3.sinaimg.cn/large/005UJ76vgy1hs2x7gyhsyj30m80m8jty.jpg',
					likeValue:4
				}]
			}
		},
		methods:{
			upCallback(page){
				let pageNum = page.num;
				let pageSize = page.size;
				
			}
		}
	}
</script>

<style>
	.cloudStoreList{
		min-height:100vh;
		background: #F5F5F5;
		
	}
</style>