|
@@ -1,39 +1,47 @@
|
|
|
<ion-header [translucent]="true">
|
|
|
<ion-toolbar>
|
|
|
<ion-title>
|
|
|
- Tab 3
|
|
|
+ 智慧老年通
|
|
|
</ion-title>
|
|
|
</ion-toolbar>
|
|
|
</ion-header>
|
|
|
|
|
|
-<ion-content class="ion-padding">
|
|
|
- <div class="profile">
|
|
|
- <ion-avatar>
|
|
|
- <img src="assets/avatar.jpg" alt="My Avatar">
|
|
|
- </ion-avatar>
|
|
|
- </div>
|
|
|
+<ion-content>
|
|
|
+ <!-- 用户登入信息 -->
|
|
|
+ <ion-card class="login-info-card" (click)="viewUserProfile()">
|
|
|
+ <ion-card-header>
|
|
|
+ <ion-card-title>用户登入信息</ion-card-title>
|
|
|
+ </ion-card-header>
|
|
|
+ <ion-card-content>
|
|
|
+ <ion-avatar slot="center">
|
|
|
+ <img src="assets/img/avatar.jpg">
|
|
|
+ </ion-avatar>
|
|
|
+ <p>{{ currentUser.nickname }}</p>
|
|
|
+ </ion-card-content>
|
|
|
+ </ion-card>
|
|
|
|
|
|
- <ion-list>
|
|
|
- <ion-item>
|
|
|
- <ion-label>微信账号</ion-label>
|
|
|
- <ion-input type="text" value="yourWeChatAccount" disabled></ion-input>
|
|
|
- </ion-item>
|
|
|
- <ion-item>
|
|
|
- <ion-label>微信密码</ion-label>
|
|
|
- <ion-input type="password" value="yourWeChatPassword" disabled></ion-input>
|
|
|
- </ion-item>
|
|
|
- <!-- Add more account and password fields here -->
|
|
|
- </ion-list>
|
|
|
+ <!-- 用户收藏的教程合集 -->
|
|
|
+ <ion-card class="tutorial-collection-card">
|
|
|
+ <ion-card-header>
|
|
|
+ <ion-card-title>用户收藏的教程合集</ion-card-title>
|
|
|
+ </ion-card-header>
|
|
|
+ <ion-card-content>
|
|
|
+ <ion-list>
|
|
|
+ <ion-item (click)="viewTutorial(tutorial)" *ngFor="let tutorial of favoriteTutorials">
|
|
|
+ <ion-icon [name]="tutorial.icon" slot="start"></ion-icon>
|
|
|
+ <ion-label>{{ tutorial.title }}</ion-label>
|
|
|
+ </ion-item>
|
|
|
+ </ion-list>
|
|
|
+ </ion-card-content>
|
|
|
+ </ion-card>
|
|
|
|
|
|
- <ion-list>
|
|
|
- <ion-item button (click)="openTutorial('微信视频聊天')">
|
|
|
- <ion-label>微信视频聊天</ion-label>
|
|
|
- <ion-icon slot="end" name="videocam"></ion-icon>
|
|
|
- </ion-item>
|
|
|
- <ion-item button (click)="openTutorial('微信转账')">
|
|
|
- <ion-label>微信转账</ion-label>
|
|
|
- <ion-icon slot="end" name="cash"></ion-icon>
|
|
|
- </ion-item>
|
|
|
- <!-- Add more tutorial items here -->
|
|
|
- </ion-list>
|
|
|
+ <!-- 用户反馈与建议 -->
|
|
|
+ <ion-card class="feedback-card" (click)="openFeedbackForm()">
|
|
|
+ <ion-card-header>
|
|
|
+ <ion-card-title>用户反馈与建议</ion-card-title>
|
|
|
+ </ion-card-header>
|
|
|
+ <ion-card-content>
|
|
|
+ <!-- 在此处添加用户反馈与建议的表单或内容 -->
|
|
|
+ </ion-card-content>
|
|
|
+ </ion-card>
|
|
|
</ion-content>
|