61 lines
3.2 KiB
HTML
61 lines
3.2 KiB
HTML
<div>
|
|
<van-pull-refresh
|
|
v-model="isLoading"
|
|
success-text="刷新成功"
|
|
@refresh="onRefresh">
|
|
|
|
<div>
|
|
<van-image class="back_img" width="100%" height="230" src="/assets/platform/img/checkin/bcc.jpg"></van-image>
|
|
</div>
|
|
<div class="zan_order" :style="isOrder === true ? 'color: #236eb4; font-size: 20px' : 'color: grey; font-size: 20px'">
|
|
<van-icon name="filter-o"></van-icon>
|
|
<span style="font-size: 14px" @click="zanOrder">获赞排行</span>
|
|
</div>
|
|
|
|
<van-list
|
|
v-model="loading" v-if="tableData.length > 0"
|
|
:finished="finished" :immediate-check="false" @load="getContent"
|
|
:finished-text="tableData.length>0?'没有更多了':''">
|
|
|
|
<!--<lazy-component>-->
|
|
<div class="info" v-for="item in tableData">
|
|
<div style="display: flex;">
|
|
<div>
|
|
<van-image v-if="item.sex === '男'" width="40" round height="40" src="/assets/platform/img/checkin/man.png"></van-image>
|
|
<van-image v-if="item.sex === '女'" width="40" round height="40" src="/assets/platform/img/checkin/woman.png"></van-image>
|
|
</div>
|
|
<div style="margin-left: 10px">
|
|
<div style="color: #236eb4; font-weight: bold">{{item.username}}</div>
|
|
<div style="font-size: 12px; color: grey">{{item.unitname}}</div>
|
|
</div>
|
|
</div>
|
|
<div style="margin-top: 8px">
|
|
<div>{{item.content}}</div>
|
|
<van-row style="margin-top: 4px">
|
|
<van-col span="8" v-for="(file, index) in item.files" style="height: 104px">
|
|
<van-image style="padding-right: 4px; width: 96%; height: 100px" @click="openImage(item.files, index)"
|
|
:src="FILE_DOMAIN + file.url"></van-image>
|
|
</van-col>
|
|
</van-row>
|
|
</div>
|
|
<div style="display: flex; justify-content: space-between; margin-top: 6px; align-items: center;">
|
|
<div style="color: grey">{{moment(item.time).format('HH:mm')}}</div>
|
|
<div :style="item.me_zan === false ? 'font-size: 20px' : 'font-size: 20px; color: red'">
|
|
<div @click="zan(item)" style="display: flex; align-items: center">
|
|
<van-icon name="good-job-o" style="font-size: 20px" :badge="item.zan_count"></van-icon>
|
|
<span style="margin-left: 8px; font-size: 14px">赞</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!--</lazy-component>-->
|
|
</van-list>
|
|
<van-empty
|
|
v-if="tableData.length==0"
|
|
class="custom-image"
|
|
image="/none.png"
|
|
description="暂无数据"
|
|
></van-empty>
|
|
|
|
</van-pull-refresh>
|
|
</div> |