<ion-header>
	<ion-toolbar>
		<div class="searchToolBar">
			<button ion-button clear small navPop style="padding: 0;" (click)="goBack()">
				<img class="back-btn" src="./assets/imgs/back.png" />
			</button>
			<ion-title text-center>最新活动</ion-title>
		</div>
	</ion-toolbar>
</ion-header>

<ion-content scrollbar-y="true" direction="y">

	<ion-refresher (ionRefresh)="doRefresh($event)">
		<ion-refresher-content pullingIcon="arrow-dropdown" pullingText="Pull to refresh" refreshingSpinner="circles" refreshingText="正在刷新！">
		</ion-refresher-content>
	</ion-refresher>

	<ion-list>
		<ion-item *ngFor="let item of items">
			<div class="item">
				<div class="item-header">
					<div class="item-header-style">
						<!-- <ion-icon name="md-contact" class="icon"></ion-icon> -->
						<img src="./assets/imgs/icon-tj.png" class="icon" *ngIf="item.activityType==1">
						<img src="./assets/imgs/icon-ly.png" class="icon" *ngIf="item.activityType==2">
						<img src="./assets/imgs/icon-px.png" class="icon" *ngIf="item.activityType==3">
						<img src="./assets/imgs/icon-gh.png" class="icon" *ngIf="item.activityType==4">
						<span class="item-title">{{item.activityName}}</span>
					</div>

					<button ion-button round class="btn btn1" *ngIf="item.activityState==2 && item.orderList.length==0 ">可报名</button>
					<button ion-button round class="btn btn2" *ngIf="item.activityState==2 && item.orderList.length>0 ">已报名</button>
				</div>
				<div class="content-box" (click)="goApplyDetails(item)">
					<div class="content-item-box">
						<label class="left-title">活动类型：</label>
						<div class="data">{{activityType[item.activityType]}}</div>
					</div>
					<div class="content-item-box">
						<label class="left-title">活动说明：</label>
						<div class="data data-1">
							{{item.activityIntro}}
						</div>
					</div>
				</div>
				<button class="sign-up" *ngIf="item.activityState==2 && item.orderList.length>0 " (click)="goDetail(item);$event.stopPropagation();">查看</button>
				<button class="sign-up" *ngIf="item.activityState==2 && item.orderList.length==0 " (click)="goApply(item);$event.stopPropagation();">报名</button>
			</div>
		</ion-item>
	</ion-list>



</ion-content>