需求:在列表页,根据滚动的距离,日期跟随。
思路:记录每次滚动的scrolltop,用watch监听当前滚动高度,每500毫秒(可以根据需求修改时间)检测一次当前列表处在哪个日期区间。
实现:
html:
<div v-if="transactionlist&&transactionlist.length > 0">
<div class="transactionlist-list">
<transaction-panel
:id="'date_label'+index"
@openDetail="onOpenDetail"
v-for="(item,index) in transactionlist"
:datas="item"
:key="index"
/>
</div>
<div class="moreTxt" v-if="!hasMoredata && !isRefresh">
没有更多了哦~
</div>
<div class="moreTxt" v-else>