|
@@ -0,0 +1,60 @@
|
|
|
+<ion-header>
|
|
|
+ <ion-toolbar>
|
|
|
+ <ion-buttons slot="start">
|
|
|
+ <ion-button routerLink="/lesson/me" fill="clear" color="dark">
|
|
|
+ <ion-icon name="chevron-back-outline" size="small"></ion-icon>返回</ion-button>
|
|
|
+ </ion-buttons>
|
|
|
+ </ion-toolbar>
|
|
|
+</ion-header>
|
|
|
+<ion-content color="light">
|
|
|
+ <ion-list [inset]="true">
|
|
|
+ <ion-item-group>
|
|
|
+ <ion-item-divider>
|
|
|
+ <ion-label>礼物🌟</ion-label>
|
|
|
+ </ion-item-divider>
|
|
|
+ <ion-segment>
|
|
|
+ <ion-segment-button value="已得" (click)="cate='已得'">
|
|
|
+ <ion-label>收到➡️</ion-label>
|
|
|
+ </ion-segment-button>
|
|
|
+ <ion-segment-button value="未获" (click)="cate='未获'">
|
|
|
+ <ion-label>送出⬅️</ion-label>
|
|
|
+ </ion-segment-button>
|
|
|
+ </ion-segment>
|
|
|
+ <ng-container *ngIf="cate=='未获'">
|
|
|
+ <ion-item button detail="false" lines="full">
|
|
|
+ <ion-label>
|
|
|
+ <p>
|
|
|
+ 未获标签成就
|
|
|
+ </p>
|
|
|
+ <ion-note>
|
|
|
+ 获取条件
|
|
|
+ </ion-note>
|
|
|
+ </ion-label>
|
|
|
+ <ion-buttons slot="end">
|
|
|
+ <ion-button color="medium">
|
|
|
+ <ion-icon name="heart-circle" size="large"></ion-icon>
|
|
|
+ </ion-button>
|
|
|
+ </ion-buttons>
|
|
|
+ </ion-item>
|
|
|
+ </ng-container>
|
|
|
+ <ng-container *ngIf="cate=='已得'">
|
|
|
+ <ion-item button detail="false" lines="full">
|
|
|
+ <ion-label>
|
|
|
+ <p>
|
|
|
+ 已享受10+特权
|
|
|
+ </p>
|
|
|
+ <ion-note>
|
|
|
+ 还有7天到期
|
|
|
+ </ion-note>
|
|
|
+ </ion-label>
|
|
|
+ <ion-buttons slot="end">
|
|
|
+ <ion-button color="danger">
|
|
|
+ </ion-button>
|
|
|
+ </ion-buttons>
|
|
|
+ </ion-item>
|
|
|
+ </ng-container>
|
|
|
+
|
|
|
+ </ion-item-group>
|
|
|
+ </ion-list>
|
|
|
+
|
|
|
+</ion-content>
|