[Client] Improe rearbilr

This commit is contained in:
syuilo 2017-02-26 18:02:38 +09:00
parent ff054fb65d
commit d1a1bb6351

View file

@ -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