You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
60 lines
1.3 KiB
Vue
60 lines
1.3 KiB
Vue
<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> |