|
@@ -1,13 +1,64 @@
|
|
|
-<ion-header [translucent]="true">
|
|
|
+<ion-header>
|
|
|
<ion-toolbar>
|
|
|
- <ion-title>profile</ion-title>
|
|
|
+ <ion-title>我的</ion-title>
|
|
|
+ <ion-buttons slot="end">
|
|
|
+ <ion-button (click)="goToHelpPage()">
|
|
|
+ <ion-icon name="help-circle-outline"></ion-icon>
|
|
|
+ </ion-button>
|
|
|
+ </ion-buttons>
|
|
|
</ion-toolbar>
|
|
|
</ion-header>
|
|
|
|
|
|
-<ion-content [fullscreen]="true">
|
|
|
- <ion-header collapse="condense">
|
|
|
- <ion-toolbar>
|
|
|
- <ion-title size="large">profile</ion-title>
|
|
|
- </ion-toolbar>
|
|
|
- </ion-header>
|
|
|
-</ion-content>
|
|
|
+<ion-content>
|
|
|
+ <ion-list>
|
|
|
+ <ion-item (click)="goToProfileInfo()">
|
|
|
+ <ion-avatar slot="start">
|
|
|
+ <img src="assets/img/avatar.png" alt="头像">
|
|
|
+ </ion-avatar>
|
|
|
+ <ion-label>
|
|
|
+ <h2>{{nickname}}</h2>
|
|
|
+ <p>已坚持打卡{{days}}天</p>
|
|
|
+ </ion-label>
|
|
|
+ </ion-item>
|
|
|
+
|
|
|
+ <ion-item (click)="goToStatsReport()">
|
|
|
+ <ion-label>统计报告</ion-label>
|
|
|
+ <ion-icon slot="end" name="bar-chart-outline"></ion-icon>
|
|
|
+ </ion-item>
|
|
|
+
|
|
|
+ <ion-item (click)="share()">
|
|
|
+ <ion-label>分享</ion-label>
|
|
|
+ <ion-icon slot="end" name="share-social-outline"></ion-icon>
|
|
|
+ </ion-item>
|
|
|
+
|
|
|
+ <ion-item (click)="backup()">
|
|
|
+ <ion-label>备份</ion-label>
|
|
|
+ <ion-icon slot="end" name="cloud-upload-outline"></ion-icon>
|
|
|
+ </ion-item>
|
|
|
+
|
|
|
+ <ion-item (click)="restore()">
|
|
|
+ <ion-label>恢复</ion-label>
|
|
|
+ <ion-icon slot="end" name="cloud-download-outline"></ion-icon>
|
|
|
+ </ion-item>
|
|
|
+
|
|
|
+ <ion-item (click)="sync()">
|
|
|
+ <ion-label>云同步</ion-label>
|
|
|
+ <ion-icon slot="end" name="sync-outline"></ion-icon>
|
|
|
+ </ion-item>
|
|
|
+
|
|
|
+ <ion-item (click)="clearCache()">
|
|
|
+ <ion-label>清除缓存</ion-label>
|
|
|
+ <ion-icon slot="end" name="trash-bin-outline"></ion-icon>
|
|
|
+ </ion-item>
|
|
|
+
|
|
|
+ <ion-item (click)="clearStats()">
|
|
|
+ <ion-label>清除统计数据</ion-label>
|
|
|
+ <ion-icon slot="end" name="stats-chart-outline"></ion-icon>
|
|
|
+ </ion-item>
|
|
|
+
|
|
|
+ <ion-item (click)="changeLanguage()">
|
|
|
+ <ion-label>语言设置</ion-label>
|
|
|
+ <ion-icon slot="end" name="language-outline"></ion-icon>
|
|
|
+ </ion-item>
|
|
|
+ </ion-list>
|
|
|
+<ion-content>
|