<template>
	<view class="cloudStoreList">
		<view class="shopItemIcon" v-for="(item) in shopList" >
			<shop-item-vue :shopName="item.shopName" :shopIcon="item.shopIcon" :value="item.likeValue"></shop-item-vue>
		</view>
		<tabBar :current="0"></tabBar>
	</view>
</template>

<script>
	import tabBar from '@/components/tab-bar.vue'
	import shopItemVue from './components/shopItem.vue'
	export default {
		components:{
			tabBar,
			shopItemVue
		},
		data(){
			return{
				shopList:[{
					shopName:"susu",
					shopIcon:'https://wx2.sinaimg.cn/large/00754ABFgy1hrslrtgykuj318g18gwph.jpg',
					likeValue:2
				},{
					shopName:"宋鱼鱼",
					shopIcon:'https://wx2.sinaimg.cn/large/00754ABFgy1hrslrlxs7sj318g18gk2g.jpg',
					likeValue:3
				},{
					shopName:"信号灯塔",
					shopIcon:'https://wx2.sinaimg.cn/large/00754ABFgy1hrslrrlp2jj30ze0zejt3.jpg',
					likeValue:3.5
				},{
					shopName:"abcdef",
					shopIcon:'https://wx3.sinaimg.cn/large/005UJ76vgy1hs2x7gyhsyj30m80m8jty.jpg',
					likeValue:4
				}]
			}
		},
		//页面加载
		onLoad() {
		},
		//下拉刷新，初始化第一页数据
		onPullDownRefresh() {
			this.getnewsList();
		},
		//页面滚动到顶部事件
		onReachBottom(){
		},
		methods:{
		}
	}
</script>

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