tab3.page.html 1.3 KB

12345678910111213141516171819202122232425262728293031323334353637383940
  1. <ion-header [translucent]="true">
  2.   <ion-toolbar>
  3.     <ion-title>
  4.       个人中心
  5.     </ion-title>
  6.   </ion-toolbar>
  7. </ion-header>
  8. <ion-header>
  9.   <ion-toolbar>
  10.     <ion-title class="ion-text-center">个人主页</ion-title>
  11.   </ion-toolbar>
  12. </ion-header>
  13. <ion-content>
  14.   <ion-list>
  15.     <ion-item>
  16.       <ion-label position="floating">姓名</ion-label>
  17.       <ion-input type="text" value="" disabled></ion-input>
  18.     </ion-item>
  19.     <ion-item>
  20.       <ion-label position="floating">个性签名</ion-label>
  21.       <ion-input type="text" value="这是我的个性签名" disabled></ion-input>
  22.     </ion-item>
  23.     <ion-item>
  24.       <ion-label position="floating">性别</ion-label>
  25.       <ion-input type="text" value="" disabled></ion-input>
  26.     </ion-item>
  27.     <ion-item>
  28.       <ion-label position="floating">邮箱</ion-label>
  29.       <ion-input type="email" value="" disabled></ion-input>
  30.     </ion-item>
  31.     <ion-button expand="full" (click)="goToSecuritySettings()">安全设置</ion-button>
  32.     <ion-button expand="full" (click)="goToEditPage()">进入编辑</ion-button>
  33.     <ion-button expand="full" (click)="leftToEditPage()">退出编辑</ion-button>
  34.   </ion-list>
  35. </ion-content>