import {Component, Input, OnInit,Output,EventEmitter} from '@angular/core';

@Component({
  selector: 'hudongba-join-list',
  templateUrl: './join-list.component.html',
  styleUrls: ['./join-list.component.scss']
})
export class JoinListComponent implements OnInit {

  @Input() items: any[];
  @Input() title: string;
  @Input() more: string;

  @Output() onMore: EventEmitter<any> = new EventEmitter();
  constructor() {
    this.items = [{
      avatar: 'http://cdn.hudongba.com/static_v4/images/other/face_default_200.png',
      nickname: '粟钟联'
    },{
      avatar: 'http://cdn.hudongba.com/static_v4/images/other/face_default_200.png',
      nickname: '唐昭'
    },{
      avatar: 'http://cdn.hudongba.com/static_v4/images/other/face_default_200.png',
      nickname: '粟钟联'
    },{
      avatar: 'http://cdn.hudongba.com/static_v4/images/other/face_default_200.png',
      nickname: '唐昭'
    },{
      avatar: 'http://cdn.hudongba.com/static_v4/images/other/face_default_200.png',
      nickname: '粟钟联'
    },{
      avatar: 'http://cdn.hudongba.com/static_v4/images/other/face_default_200.png',
      nickname: '唐昭'
    },{
      avatar: 'http://cdn.hudongba.com/static_v4/images/other/face_default_200.png',
      nickname: '粟钟联'
    }]
    this.title = '报名(10人)';
    this.more = '查看更多';
  }

  ngOnInit() {
  }

  _onMore(){
    this.onMore.emit('onMore');
  }

}