mirror of
				https://codeberg.org/yeentown/barkey.git
				synced 2025-11-04 07:24:13 +00:00 
			
		
		
		
	[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…
	
	Add table
		
		Reference in a new issue