11 changed files with 50 additions and 46 deletions
@ -1,54 +1,58 @@ |
|||
<template> |
|||
<div> |
|||
<div class="container"> |
|||
<van-list v-model="loading" :finished="finished" finished-text="没有更多了" @load="myCommonsService" class="card" |
|||
:offset="50"> |
|||
<div class="card m-bottom10" v-for="(item,index) in EnjoyableList" :key="index" @click="$router.push({ path: `/detailServices`,query:{id:item.id} })"> |
|||
<div class="flex flex-x flex-center2"> |
|||
<van-tag v-if="item.status" color="#EBF1FE" text-color="#3974F6" size="large">{{ item.status? "进行中":"已结束" }}</van-tag> |
|||
<van-tag v-if="!item.status" color="#F5F5F5" text-color="#AAAAAA" size="large">{{ item.status? "进行中":"已结束" }}</van-tag> |
|||
<div class="font-size13 C1 m-left12">{{ item.startDate }}</div> |
|||
</div> |
|||
<div class="m-top10">{{ item.title }}</div> |
|||
<div class="flex flex-x m-top10 "> |
|||
<div class="font-size15 AAA">享受服务条件:</div> |
|||
<div class="font-size15 AAA">{{ item.resiSearchTagName }}</div> |
|||
</div> |
|||
<div class="container"> |
|||
<van-list v-model="loading" :finished="finished" finished-text="没有更多了" @load="myCommonsService" class="card" |
|||
:offset="50"> |
|||
<div class="card m-bottom10" v-for="(item, index) in EnjoyableList" :key="index" |
|||
@click="$router.push({ path: `/detailServices`, query: { id: item.id } })"> |
|||
<div class="flex flex-x flex-center2"> |
|||
<van-tag v-if="item.status" color="#EBF1FE" text-color="#3974F6" size="large">{{ item.status ? |
|||
"进行中":"已结束" }}</van-tag> |
|||
<van-tag v-if="!item.status" color="#F5F5F5" text-color="#AAAAAA" size="large">{{ item.status ? |
|||
"进行中":"已结束" }}</van-tag> |
|||
<div class="font-size13 C1 m-left12">{{ item.startDate }}</div> |
|||
</div> |
|||
<div class="m-top10">{{ item.title }}</div> |
|||
<div class="flex flex-x m-top10 "> |
|||
<div class="font-size15 AAA">享受服务条件:</div> |
|||
<div class="font-size15 AAA">{{ item.resiSearchTagName }}</div> |
|||
</div> |
|||
</div> |
|||
</van-list> |
|||
</div> |
|||
</van-list> |
|||
</div> |
|||
</div> |
|||
</template> |
|||
<script> |
|||
import { myCommonsService } from '@/api/user' |
|||
export default{ |
|||
data(){ |
|||
return{ |
|||
EnjoyableList:[], |
|||
finished: false, |
|||
export default { |
|||
data() { |
|||
return { |
|||
EnjoyableList: [], |
|||
finished: false, |
|||
loading: true, |
|||
showRegister: false, |
|||
pageSize:10, |
|||
pageNo:1 |
|||
} |
|||
}, |
|||
created(){ |
|||
this.myCommonsService() |
|||
}, |
|||
methods:{ |
|||
async myCommonsService() { |
|||
pageSize: 10, |
|||
pageNo: 1 |
|||
} |
|||
}, |
|||
created() { |
|||
this.myCommonsService() |
|||
}, |
|||
methods: { |
|||
async myCommonsService() { |
|||
let res = await myCommonsService() |
|||
if (res.code === 0) { |
|||
debugger |
|||
this.loading = false; |
|||
if (res.data.list.length < this.pageSize) { |
|||
if (!res.data || res.data.list.length < this.pageSize) { |
|||
this.finished = true; |
|||
} |
|||
this.EnjoyableList = this.EnjoyableList.concat(res.data.list); |
|||
if(res.data){ |
|||
this.EnjoyableList = this.EnjoyableList.concat(res.data.list); |
|||
} |
|||
} |
|||
}, |
|||
} |
|||
} |
|||
} |
|||
</script> |
|||
<style lang="scss" scoped> |
|||
|
|||
</style> |
|||
<style lang="scss" scoped></style> |
Loading…
Reference in new issue