<template>
<div class="baseView">
<XhcHeader :title="title">
</XhcHeader>
<XhcLiveAreaTab class="tabbar" @changeTab="changeTab" :selectPage="page">
</XhcLiveAreaTab>
<components :is="platform==='iOS'?'scroller':'slider'"
:class="['slider', platform==='iOS'?'slider_ios':'']"
:ref="platform==='iOS'?'scrollView':'slider'"
:index="page"
scroll-direction="horizontal"
pageEnable="true"
show-scrollbar="false"
@change="_change"
@onScroll="_onScroll"
>
<list class="livelist" ref="live_list" @loadmore="_fetchMore" loadmoreoffset= "100">
<refresh class="refresh" @refresh="_refreshData" :display="refreshing.live ? 'show' : 'hide'">
<XhcRefreshHead></XhcRefreshHead>
</refresh>
<cell v-for="item in dataList_live">
<XhcAreaItem class="areaItem" :dataTuple="item"></XhcAreaItem>
</cell>
<XhcBottomLine v-if="noMoreData_live">
</XhcBottomLine>
</list>
<list class="replaylist" ref="replay_list" @loadmore="_fetchMore" loadmoreoffset= "100">
<refresh class="refresh" @refresh="_refreshData" :display="refreshing.replay ? 'show' : 'hide'">
<XhcRefreshHead></XhcRefreshHead>
</refresh>
<cell v-for="item in dataList_replay">
<XhcAreaItem class="areaItem" :dataTuple="item"></XhcAreaItem>
</cell>
<XhcBottomLine v-if="noMoreData_replay">
</XhcBottomLine>
</list>
</components>
</div>
</template>
与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…