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.
59 lines
1.5 KiB
Vue
59 lines
1.5 KiB
Vue
<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> |