[Client] Improe rearbilr
This commit is contained in:
parent
ff054fb65d
commit
d1a1bb6351
1 changed files with 14 additions and 5 deletions
|
@ -1,13 +1,22 @@
|
|||
<mk-timeline>
|
||||
<div class="init" if={ init }><i class="fa fa-spinner fa-pulse"></i>読み込んでいます</div>
|
||||
<div class="empty" if={ !init && posts.length == 0 }><i class="fa fa-comments-o"></i>{ opts.empty || '表示するものがありません' }</div>
|
||||
<div class="init" if={ init }>
|
||||
<i class="fa fa-spinner fa-pulse"></i>読み込んでいます
|
||||
</div>
|
||||
<div class="empty" if={ !init && posts.length == 0 }>
|
||||
<i class="fa fa-comments-o"></i>{ opts.empty || '表示するものがありません' }
|
||||
</div>
|
||||
<virtual each={ post, i in posts }>
|
||||
<mk-timeline-post post={ post }></mk-timeline-post>
|
||||
<p class="date" if={ i != posts.length - 1 && post._date != posts[i + 1]._date }><span><i class="fa fa-angle-up"></i>{ post._datetext }</span><span><i class="fa fa-angle-down"></i>{ posts[i + 1]._datetext }</span></p>
|
||||
<p class="date" if={ i != posts.length - 1 && post._date != posts[i + 1]._date }>
|
||||
<span><i class="fa fa-angle-up"></i>{ post._datetext }</span>
|
||||
<span><i class="fa fa-angle-down"></i>{ posts[i + 1]._datetext }</span>
|
||||
</p>
|
||||
</virtual>
|
||||
<footer if={ !init }>
|
||||
<button if={ canFetchMore } onclick={ more } disabled={ fetching }><span if={ !fetching }>もっとみる</span><span if={ fetching }>読み込み中
|
||||
<mk-ellipsis></mk-ellipsis></span></button>
|
||||
<button if={ canFetchMore } onclick={ more } disabled={ fetching }>
|
||||
<span if={ !fetching }>もっとみる</span>
|
||||
<span if={ fetching }>読み込み中<mk-ellipsis></mk-ellipsis></span>
|
||||
</button>
|
||||
</footer>
|
||||
<style>
|
||||
:scope
|
||||
|
|
Loading…
Reference in a new issue