|
@@ -15,25 +15,28 @@
|
|
|
|
|
|
<!--虚拟身份-->
|
|
|
<ion-card>
|
|
|
- <ion-card-header>
|
|
|
- <ion-item lines="full">
|
|
|
- <ion-avatar slot="start">
|
|
|
- <img alt="头像" src="https://ionicframework.com/docs/img/demos/avatar.svg" />
|
|
|
- </ion-avatar>
|
|
|
- <ion-label>
|
|
|
- <ion-note>虚拟身份名</ion-note>
|
|
|
- </ion-label>
|
|
|
- <ion-buttons slot="end">
|
|
|
- <ion-button shape="round">
|
|
|
- <ion-icon name="swap-horizontal-outline"></ion-icon>
|
|
|
- </ion-button>
|
|
|
- </ion-buttons>
|
|
|
- </ion-item>
|
|
|
- <ion-item lines="none">身份标签</ion-item>
|
|
|
- </ion-card-header>
|
|
|
- <ion-card-content>
|
|
|
- 你的目标内容
|
|
|
- </ion-card-content>
|
|
|
+ <ion-item lines="full">
|
|
|
+ <ion-avatar slot="start">
|
|
|
+ <img alt="头像" src="https://ionicframework.com/docs/img/demos/avatar.svg" />
|
|
|
+ </ion-avatar>
|
|
|
+ <ion-label>
|
|
|
+ <ion-note>虚拟身份名</ion-note>
|
|
|
+ </ion-label>
|
|
|
+ <ion-buttons slot="end">
|
|
|
+ <ion-button shape="round">
|
|
|
+ <ion-icon name="swap-horizontal-outline"></ion-icon>
|
|
|
+ </ion-button>
|
|
|
+ </ion-buttons>
|
|
|
+ </ion-item>
|
|
|
+ <ion-item>
|
|
|
+ <ion-card-subtitle>身份标签</ion-card-subtitle>
|
|
|
+ </ion-item>
|
|
|
+ <ion-item button detail="true" [routerLink]="['/tab1/person']">
|
|
|
+ <ion-label>
|
|
|
+ <ion-note>空间</ion-note>
|
|
|
+ </ion-label>
|
|
|
+ </ion-item>
|
|
|
+
|
|
|
</ion-card>
|
|
|
|
|
|
<!--三餐记录-->
|
|
@@ -42,29 +45,17 @@
|
|
|
<ion-card-title>今日三餐</ion-card-title>
|
|
|
</ion-card-header>
|
|
|
<ion-card-content>
|
|
|
- <ion-item lines="none">
|
|
|
- <ion-label>
|
|
|
- <h1>早饭</h1>
|
|
|
- <p>五彩虾仁炒饭,营养丰富,早餐最爱</p>
|
|
|
- </ion-label>
|
|
|
- </ion-item>
|
|
|
- <ion-item lines="none">
|
|
|
- <ion-label>
|
|
|
- <h1>中饭</h1>
|
|
|
- <p>蜜汁烤五花肉,经典家常,上桌就光盘</p>
|
|
|
- </ion-label>
|
|
|
- </ion-item>
|
|
|
- <ion-item lines="none">
|
|
|
- <ion-label>
|
|
|
- <h1>晚饭</h1>
|
|
|
- <p>凉拌西蓝花,鲜香可口,美味下饭</p>
|
|
|
- </ion-label>
|
|
|
- </ion-item>
|
|
|
+ <ion-list>
|
|
|
+ <ion-item *ngFor="let food of foods">
|
|
|
+ <ion-label>
|
|
|
+ <h1>{{food.time}}</h1>
|
|
|
+ <p>{{food.content}}</p>
|
|
|
+ </ion-label>
|
|
|
+ </ion-item>
|
|
|
+ </ion-list>
|
|
|
<ion-item lines="none">
|
|
|
<ion-buttons slot="end">
|
|
|
- <ion-button fill="solid" shape="round" size="large">
|
|
|
- <ion-note color="black">编辑</ion-note>
|
|
|
- </ion-button>
|
|
|
+ <ion-button shape="round" size="large">编辑</ion-button>
|
|
|
</ion-buttons>
|
|
|
</ion-item>
|
|
|
</ion-card-content>
|