[Client] Improe rearbilr

This commit is contained in:
syuilo 2017-02-26 18:02:38 +09:00
parent f5eaca4227
commit 5bcd637978

View File

@ -1,13 +1,22 @@
<mk-timeline> <mk-timeline>
<div class="init" if={ init }><i class="fa fa-spinner fa-pulse"></i>読み込んでいます</div> <div class="init" if={ init }>
<div class="empty" if={ !init && posts.length == 0 }><i class="fa fa-comments-o"></i>{ opts.empty || '表示するものがありません' }</div> <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 }> <virtual each={ post, i in posts }>
<mk-timeline-post post={ post }></mk-timeline-post> <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> </virtual>
<footer if={ !init }> <footer if={ !init }>
<button if={ canFetchMore } onclick={ more } disabled={ fetching }><span if={ !fetching }>もっとみる</span><span if={ fetching }>読み込み中 <button if={ canFetchMore } onclick={ more } disabled={ fetching }>
<mk-ellipsis></mk-ellipsis></span></button> <span if={ !fetching }>もっとみる</span>
<span if={ fetching }>読み込み中<mk-ellipsis></mk-ellipsis></span>
</button>
</footer> </footer>
<style> <style>
:scope :scope