refactor
This commit is contained in:
		
							parent
							
								
									95290afca7
								
							
						
					
					
						commit
						697170b04a
					
				
					 1 changed files with 8 additions and 5 deletions
				
			
		| 
						 | 
				
			
			@ -1,7 +1,7 @@
 | 
			
		|||
<div class="timeline">
 | 
			
		||||
  <VirtualList component="{{StatusListItem}}"
 | 
			
		||||
               items="{{statuses}}"
 | 
			
		||||
               on:scrollToBottom="addMoreItems()" />
 | 
			
		||||
               on:scrollToBottom="onScrollToBottom()" />
 | 
			
		||||
</div>
 | 
			
		||||
<style>
 | 
			
		||||
  .timeline {
 | 
			
		||||
| 
						 | 
				
			
			@ -37,14 +37,17 @@
 | 
			
		|||
    methods: {
 | 
			
		||||
      splice: splice,
 | 
			
		||||
      push: push,
 | 
			
		||||
      addMoreItems() {
 | 
			
		||||
        mark('addMoreItems')
 | 
			
		||||
      onScrollToBottom() {
 | 
			
		||||
        mark('onScrollToBottom')
 | 
			
		||||
        let statuses = this.get('statuses')
 | 
			
		||||
        if (statuses) {
 | 
			
		||||
          let itemsToAdd = createData()
 | 
			
		||||
          this.splice('statuses', statuses.length, 0, ...itemsToAdd)
 | 
			
		||||
          this.addItems(itemsToAdd)
 | 
			
		||||
        }
 | 
			
		||||
        stop('addMoreItems')
 | 
			
		||||
        stop('onScrollToBottom')
 | 
			
		||||
      },
 | 
			
		||||
      addItems(items) {
 | 
			
		||||
        this.splice('statuses', this.get('statuses').length, 0, ...items)
 | 
			
		||||
      }
 | 
			
		||||
    }
 | 
			
		||||
  }
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
		Loading…
	
	Add table
		
		Reference in a new issue