feat.liao.2.7

.history/soul-app/src/app/info-modal/info-modal.component_20241223140056.html

@@ -0,0 +1,41 @@
+<!-- 用户登录状态 -->
+<ion-card>
+  <ion-card-header>
+    <ion-card-title>
+      用户名：{{currentUser?.get("username")}}
+    </ion-card-title>
+   </ion-card-header>
+<ion-card-content>
+  <ion-item>
+    <ion-label>姓名: {{ userData['realname'] }}</ion-label>
+  </ion-item>
+  <ion-item>
+    <ion-label>昵称: {{ userData['username'] }}</ion-label>
+  </ion-item>
+  <ion-item>
+    <ion-label>年龄: {{ userData['age'] }}</ion-label>
+  </ion-item>
+  <ion-item>
+    <ion-label>性别: {{ userData['gender'] }}</ion-label>
+  </ion-item>
+  <ion-item>
+    <ion-label>学校: {{ userData['school'] || '--' }}</ion-label>
+  </ion-item>
+  <ion-item>
+    <ion-label>身份: {{ userData['identity'] || '--' }}</ion-label>
+  </ion-item>
+  <ion-item>
+    <ion-label>
+      {{ userData['identity'] === 'student' 
+        ? '学号：' + (userData['studentID'] || '--') 
+        : '工号：' + (userData['teacherID'] || '--') }}
+    </ion-label>
+  </ion-item>
+  <ion-item>
+    <ion-label>邮箱: {{ userData['email'] }}</ion-label>
+  </ion-item>
+  <ion-item>
+    <ion-label>手机号: {{ userData['account'] }}</ion-label>
+  </ion-item>
+</ion-card-content>
+</ion-card>

.history/soul-app/src/app/info-modal/info-modal.component_20241223140434.html

@@ -0,0 +1,41 @@
+<!-- 用户登录状态 -->
+<ion-card style="max-height: 400px; overflow-y: auto;">
+  <ion-card-header>
+    <ion-card-title>
+      用户名：{{currentUser?.get("username")}}
+    </ion-card-title>
+   </ion-card-header>
+<ion-card-content>
+  <ion-item>
+    <ion-label>姓名: {{ userData['realname'] }}</ion-label>
+  </ion-item>
+  <ion-item>
+    <ion-label>昵称: {{ userData['username'] }}</ion-label>
+  </ion-item>
+  <ion-item>
+    <ion-label>年龄: {{ userData['age'] }}</ion-label>
+  </ion-item>
+  <ion-item>
+    <ion-label>性别: {{ userData['gender'] }}</ion-label>
+  </ion-item>
+  <ion-item>
+    <ion-label>学校: {{ userData['school'] || '--' }}</ion-label>
+  </ion-item>
+  <ion-item>
+    <ion-label>身份: {{ userData['identity'] || '--' }}</ion-label>
+  </ion-item>
+  <ion-item>
+    <ion-label>
+      {{ userData['identity'] === 'student' 
+        ? '学号：' + (userData['studentID'] || '--') 
+        : '工号：' + (userData['teacherID'] || '--') }}
+    </ion-label>
+  </ion-item>
+  <ion-item>
+    <ion-label>邮箱: {{ userData['email'] }}</ion-label>
+  </ion-item>
+  <ion-item>
+    <ion-label>手机号: {{ userData['account'] }}</ion-label>
+  </ion-item>
+</ion-card-content>
+</ion-card>

.history/soul-app/src/app/tab1/tab1.page_20241223141129.scss

@@ -0,0 +1,82 @@
+/* 设置页面背景色 */
+ion-content {
+    --background: #f9f9f9; /* 设置内容背景色 */
+  }
+  
+  /* 设置卡片的样式 */
+  ion-card {
+    margin: 10px; /* 卡片之间的间距 */
+    border-radius: 10px; /* 圆角效果 */
+    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); /* 阴影效果 */
+  }
+  ion-card-title {
+    font-weight:bold;
+  }
+  
+  /* 设置列表项的样式 */
+  ion-item {
+    margin: 5px 0; /* 列表项之间的间距 */
+  }
+  ion-button {
+    font-size: 15px; /* 增大字体大小 */
+    margin-top: 8px; /* 上间距，仅在需要时添加 */
+    text-transform: none; /* 按钮文字不变形 */
+    height: 35px;
+    flex: 1,3; /* 每个按钮等分空间 */
+    margin: 0 5px; /* 按钮之间的间距 */
+    color: rgb(42, 50, 77);
+}
+  /* 设置搜索框的样式 */
+  ion-searchbar {
+    padding: 10px; /* 内边距 */
+    border-radius: 4px; /* 圆角 */
+    font-size: 16px; /* 字体大小 */
+  }
+  
+  /* 设置用户评价星星的样式 */
+  ion-icon[name="star"] {
+    color: gold; /* 星星颜色 */
+    font-size: 1.2rem; /* 星星大小 */
+  }
+  ion-card-header {
+    --background: #ffffff; /* 使用CSS变量设置背景颜色为白色 */
+    /* 或者，如果你不使用CSS变量，可以直接使用background-color属性 */
+    position: relative; /* 设置相对定位 */
+  }
+   
+  /* 实际上，ion-toolbar默认会继承ion-card-header的样式，但你可以显式地设置它以确保一致性 */
+  ion-toolbar {
+    --background: #ffffff; /* 同样使用CSS变量，但通常不是必需的 */
+  }
+   
+  /* 确保按钮的文本颜色是白色 */
+  .button-text {
+    color: #ffffff !important; /* 使用!important可以确保这个规则具有更高的优先级，但通常不推荐，除非确实需要 */
+    /* 然而，在这个例子中，由于按钮本身可能有自己的颜色设置，你可能不需要为.button-text设置颜色，
+       而是应该确保按钮的color属性正确，并在需要时覆盖按钮的默认颜色设置 */
+  }
+
+  ion-avatar {
+    width: 50px; /* 或者你需要的任何尺寸 */
+    height: 50px; /* 保持宽高一致，避免变形 */
+  }
+   
+  ion-avatar img {
+    width: 100%; /* 让图片填满avatar */
+    height: auto; /* 保持图片比例 */
+  }
+  .header-image {
+    width: 100%;
+    height: auto; /* 保持图片比例 */
+    border-radius: 50%; /* 可选：将图片设置为圆形 */
+  }
+  .button-toolbar {
+    display: flex;
+    justify-content: space-between; /* 均匀分布按钮 */
+  }
+  
+  .button-container {
+    display: flex;
+    width: 100%; /* 使按钮容器占满整个宽度 */
+  }
+  

.history/soul-app/src/app/tab1/tab1.page_20241223141133.scss

@@ -0,0 +1,82 @@
+/* 设置页面背景色 */
+ion-content {
+    --background: #f9f9f9; /* 设置内容背景色 */
+  }
+  
+  /* 设置卡片的样式 */
+  ion-card {
+    margin: 10px; /* 卡片之间的间距 */
+    border-radius: 10px; /* 圆角效果 */
+    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); /* 阴影效果 */
+  }
+  ion-card-title {
+    font-weight:bold;
+  }
+  
+  /* 设置列表项的样式 */
+  ion-item {
+    margin: 5px 0; /* 列表项之间的间距 */
+  }
+  ion-button {
+    font-size: 15px; /* 增大字体大小 */
+    margin-top: 8px; /* 上间距，仅在需要时添加 */
+    text-transform: none; /* 按钮文字不变形 */
+    height: 35px;
+    flex: 1.3; /* 每个按钮等分空间 */
+    margin: 0 5px; /* 按钮之间的间距 */
+    color: rgb(42, 50, 77);
+}
+  /* 设置搜索框的样式 */
+  ion-searchbar {
+    padding: 10px; /* 内边距 */
+    border-radius: 4px; /* 圆角 */
+    font-size: 16px; /* 字体大小 */
+  }
+  
+  /* 设置用户评价星星的样式 */
+  ion-icon[name="star"] {
+    color: gold; /* 星星颜色 */
+    font-size: 1.2rem; /* 星星大小 */
+  }
+  ion-card-header {
+    --background: #ffffff; /* 使用CSS变量设置背景颜色为白色 */
+    /* 或者，如果你不使用CSS变量，可以直接使用background-color属性 */
+    position: relative; /* 设置相对定位 */
+  }
+   
+  /* 实际上，ion-toolbar默认会继承ion-card-header的样式，但你可以显式地设置它以确保一致性 */
+  ion-toolbar {
+    --background: #ffffff; /* 同样使用CSS变量，但通常不是必需的 */
+  }
+   
+  /* 确保按钮的文本颜色是白色 */
+  .button-text {
+    color: #ffffff !important; /* 使用!important可以确保这个规则具有更高的优先级，但通常不推荐，除非确实需要 */
+    /* 然而，在这个例子中，由于按钮本身可能有自己的颜色设置，你可能不需要为.button-text设置颜色，
+       而是应该确保按钮的color属性正确，并在需要时覆盖按钮的默认颜色设置 */
+  }
+
+  ion-avatar {
+    width: 50px; /* 或者你需要的任何尺寸 */
+    height: 50px; /* 保持宽高一致，避免变形 */
+  }
+   
+  ion-avatar img {
+    width: 100%; /* 让图片填满avatar */
+    height: auto; /* 保持图片比例 */
+  }
+  .header-image {
+    width: 100%;
+    height: auto; /* 保持图片比例 */
+    border-radius: 50%; /* 可选：将图片设置为圆形 */
+  }
+  .button-toolbar {
+    display: flex;
+    justify-content: space-between; /* 均匀分布按钮 */
+  }
+  
+  .button-container {
+    display: flex;
+    width: 100%; /* 使按钮容器占满整个宽度 */
+  }
+  

.history/soul-app/src/app/tab1/tab1.page_20241223141153.scss

@@ -0,0 +1,82 @@
+/* 设置页面背景色 */
+ion-content {
+    --background: #f9f9f9; /* 设置内容背景色 */
+  }
+  
+  /* 设置卡片的样式 */
+  ion-card {
+    margin: 10px; /* 卡片之间的间距 */
+    border-radius: 10px; /* 圆角效果 */
+    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); /* 阴影效果 */
+  }
+  ion-card-title {
+    font-weight:bold;
+  }
+  
+  /* 设置列表项的样式 */
+  ion-item {
+    margin: 5px 0; /* 列表项之间的间距 */
+  }
+  ion-button {
+    font-size: 15px; /* 增大字体大小 */
+    margin-top: 8px; /* 上间距，仅在需要时添加 */
+    text-transform: none; /* 按钮文字不变形 */
+    height: 35px;
+    flex: 1; /* 每个按钮等分空间 */
+    margin: 1 7px; /* 按钮之间的间距 */
+    color: rgb(42, 50, 77);
+}
+  /* 设置搜索框的样式 */
+  ion-searchbar {
+    padding: 10px; /* 内边距 */
+    border-radius: 4px; /* 圆角 */
+    font-size: 16px; /* 字体大小 */
+  }
+  
+  /* 设置用户评价星星的样式 */
+  ion-icon[name="star"] {
+    color: gold; /* 星星颜色 */
+    font-size: 1.2rem; /* 星星大小 */
+  }
+  ion-card-header {
+    --background: #ffffff; /* 使用CSS变量设置背景颜色为白色 */
+    /* 或者，如果你不使用CSS变量，可以直接使用background-color属性 */
+    position: relative; /* 设置相对定位 */
+  }
+   
+  /* 实际上，ion-toolbar默认会继承ion-card-header的样式，但你可以显式地设置它以确保一致性 */
+  ion-toolbar {
+    --background: #ffffff; /* 同样使用CSS变量，但通常不是必需的 */
+  }
+   
+  /* 确保按钮的文本颜色是白色 */
+  .button-text {
+    color: #ffffff !important; /* 使用!important可以确保这个规则具有更高的优先级，但通常不推荐，除非确实需要 */
+    /* 然而，在这个例子中，由于按钮本身可能有自己的颜色设置，你可能不需要为.button-text设置颜色，
+       而是应该确保按钮的color属性正确，并在需要时覆盖按钮的默认颜色设置 */
+  }
+
+  ion-avatar {
+    width: 50px; /* 或者你需要的任何尺寸 */
+    height: 50px; /* 保持宽高一致，避免变形 */
+  }
+   
+  ion-avatar img {
+    width: 100%; /* 让图片填满avatar */
+    height: auto; /* 保持图片比例 */
+  }
+  .header-image {
+    width: 100%;
+    height: auto; /* 保持图片比例 */
+    border-radius: 50%; /* 可选：将图片设置为圆形 */
+  }
+  .button-toolbar {
+    display: flex;
+    justify-content: space-between; /* 均匀分布按钮 */
+  }
+  
+  .button-container {
+    display: flex;
+    width: 100%; /* 使按钮容器占满整个宽度 */
+  }
+  

.history/soul-app/src/lib/user/modal-identity-verification/modal-identity-verification.component_20241223135555.ts

@@ -0,0 +1,82 @@
+import { OnInit } from '@angular/core';
+import { Component } from '@angular/core';
+import { ModalController, IonInput, IonItem, IonLabel, IonSegment,  IonButton, IonCard, IonSegmentButton,IonCardHeader, IonCardTitle, IonCardSubtitle, IonCardContent, IonSelect, IonSelectOption } from '@ionic/angular/standalone';
+import { CloudUser } from 'src/lib/ncloud';
+import { FormsModule } from '@angular/forms'; // 导入 FormsModule
+import { CommonModule } from '@angular/common';
+
+@Component({
+  selector: 'app-modal-identity-verification',
+  templateUrl: './modal-identity-verification.component.html',
+  styleUrls: ['./modal-identity-verification.component.scss'],
+  standalone: true,
+  imports: [
+    IonCard,
+    IonCardHeader,
+    IonCardTitle,
+    IonCardSubtitle,
+    IonCardContent,
+    IonSegment,  
+    IonSegmentButton,
+    IonButton,
+    IonInput,
+    IonItem,
+    IonLabel,
+    IonSelect,
+    IonSelectOption,
+    FormsModule,
+    CommonModule
+  ],
+})
+export class ModalIdentityVerificationComponent implements OnInit {
+  currentUser: CloudUser | undefined;
+  userData: any = {
+    school: '',
+    identity: '',
+    studentID: '',
+    department: '',
+    teacherID: ''
+  };
+
+  constructor(private modalCtrl: ModalController) {
+    this.currentUser = new CloudUser();
+  }
+
+  ngOnInit() {}
+
+  onIdentityChange() {
+    // 根据身份选择进行处理
+    if (this.userData.identity === 'student') {
+      this.userData.teacherID = ''; // 清空教师ID字段
+    } else if (this.userData.identity === 'teacher') {
+      this.userData.studentID = ''; // 清空学号字段
+      this.userData.department = ''; // 清空学院字段
+    }
+  }
+
+  async save() {
+    this.currentUser?.set(this.userData);
+    await this.currentUser?.save();
+    this.modalCtrl.dismiss(this.currentUser, "confirm");
+  }
+
+  cancel() {
+    this.modalCtrl.dismiss(null, "cancel");
+  }
+}
+
+export async function openIdentityVerificationModal(modalCtrl: ModalController): Promise<CloudUser | null> {
+  const modal = await modalCtrl.create({
+    component: ModalIdentityVerificationComponent,
+    breakpoints: [0.7, 1.0],
+    initialBreakpoint: 0.7
+  });
+  modal.present();
+
+  const { data, role } = await modal.onWillDismiss();
+
+  if (role === 'confirm') {
+    return data;
+  }
+  return null;
+}

.history/soul-app/src/lib/user/modal-user-edit/modal-user-edit.component_20241221201127.html

@@ -0,0 +1,38 @@
+<!-- 用户登录状态 -->
+<ion-card>
+  <ion-card-header>
+    <ion-card-title>
+      用户名：{{currentUser?.get("username")}}
+    </ion-card-title>
+    <ion-card-subtitle >请输入您的详细资料</ion-card-subtitle>
+   </ion-card-header>
+ <ion-card-content>
+
+    <ion-item>
+      <ion-input [value]="userData['realname']" (ionChange)="userDataChange('realname',$event)" label="姓名" placeholder="请您输入真实姓名"></ion-input>
+    </ion-item>
+    <ion-item>
+      <ion-input [value]="userData['username']" (ionChange)="userDataChange('username',$event)" label="昵称" placeholder="请您输入用户网名"></ion-input>
+    </ion-item>
+    <ion-item>
+      <ion-input type="number" [value]="userData['age']" (ionChange)="userDataChange('age',$event)" label="年龄" placeholder="请您输入年龄"></ion-input>
+    </ion-item>
+    <ion-item>
+      <ion-input [value]="userData['gender']" (ionChange)="userDataChange('gender',$event)" label="性别" placeholder="请您输入男/女"></ion-input>
+    </ion-item>
+    <ion-item>
+      <ion-input [value]="userData['avatar']" (ionChange)="userDataChange('avatar',$event)" label="头像" placeholder="请您输入头像地址"></ion-input>
+    </ion-item>
+    <ion-item>
+      <ion-input [value]="userData['email']" (ionChange)="userDataChange('avatar',$event)" label="邮箱" placeholder="请您输入邮箱号"></ion-input>
+    </ion-item>
+    <ion-item>
+      <ion-input [value]="userData['account']" (ionChange)="userDataChange('avatar',$event)" label="手机号" placeholder="请您输入手机号"></ion-input>
+    </ion-item>
+
+   <ion-button expand="block" color="danger" (click)="save()">保存</ion-button>
+   <ion-button expand="block" color="danger" (click)="cancel()">取消</ion-button>
+ 
+
+  </ion-card-content>
+</ion-card>

.history/soul-app/src/lib/user/modal-user-edit/modal-user-edit.component_20241223140521.html

@@ -0,0 +1,38 @@
+<!-- 用户登录状态 -->
+<ion-card style="max-height: 400px; overflow-y: auto;">
+  <ion-card-header>
+    <ion-card-title>
+      用户名：{{currentUser?.get("username")}}
+    </ion-card-title>
+    <ion-card-subtitle >请输入您的详细资料</ion-card-subtitle>
+   </ion-card-header>
+ <ion-card-content>
+
+    <ion-item>
+      <ion-input [value]="userData['realname']" (ionChange)="userDataChange('realname',$event)" label="姓名" placeholder="请您输入真实姓名"></ion-input>
+    </ion-item>
+    <ion-item>
+      <ion-input [value]="userData['username']" (ionChange)="userDataChange('username',$event)" label="昵称" placeholder="请您输入用户网名"></ion-input>
+    </ion-item>
+    <ion-item>
+      <ion-input type="number" [value]="userData['age']" (ionChange)="userDataChange('age',$event)" label="年龄" placeholder="请您输入年龄"></ion-input>
+    </ion-item>
+    <ion-item>
+      <ion-input [value]="userData['gender']" (ionChange)="userDataChange('gender',$event)" label="性别" placeholder="请您输入男/女"></ion-input>
+    </ion-item>
+    <ion-item>
+      <ion-input [value]="userData['avatar']" (ionChange)="userDataChange('avatar',$event)" label="头像" placeholder="请您输入头像地址"></ion-input>
+    </ion-item>
+    <ion-item>
+      <ion-input [value]="userData['email']" (ionChange)="userDataChange('avatar',$event)" label="邮箱" placeholder="请您输入邮箱号"></ion-input>
+    </ion-item>
+    <ion-item>
+      <ion-input [value]="userData['account']" (ionChange)="userDataChange('avatar',$event)" label="手机号" placeholder="请您输入手机号"></ion-input>
+    </ion-item>
+
+   <ion-button expand="block" color="danger" (click)="save()">保存</ion-button>
+   <ion-button expand="block" color="danger" (click)="cancel()">取消</ion-button>
+ 
+
+  </ion-card-content>
+</ion-card>

.history/soul-app/src/lib/user/modal-user-edit/modal-user-edit.component_20241223140831.html

@@ -0,0 +1,38 @@
+<!-- 用户登录状态 -->
+<ion-card style="max-height: 400px; overflow-y: auto;">
+  <ion-card-header>
+    <ion-card-title>
+      用户名：{{currentUser?.get("username")}}
+    </ion-card-title>
+    <ion-card-subtitle >请输入您的详细资料</ion-card-subtitle>
+   </ion-card-header>
+ <ion-card-content>
+
+    <ion-item>
+      <ion-input [value]="userData['realname']" (ionChange)="userDataChange('realname',$event)" label="姓名" placeholder="请您输入真实姓名"></ion-input>
+    </ion-item>
+    <ion-item>
+      <ion-input [value]="userData['username']" (ionChange)="userDataChange('username',$event)" label="昵称" placeholder="请您输入用户网名"></ion-input>
+    </ion-item>
+    <ion-item>
+      <ion-input type="number" [value]="userData['age']" (ionChange)="userDataChange('age',$event)" label="年龄" placeholder="请您输入年龄"></ion-input>
+    </ion-item>
+    <ion-item>
+      <ion-input [value]="userData['gender']" (ionChange)="userDataChange('gender',$event)" label="性别" placeholder="请您输入男/女"></ion-input>
+    </ion-item>
+    <ion-item>
+      <ion-input [value]="userData['avatar']" (ionChange)="userDataChange('avatar',$event)" label="头像" placeholder="请您输入头像地址"></ion-input>
+    </ion-item>
+    <ion-item>
+      <ion-input [value]="userData['email']" (ionChange)="userDataChange('email',$event)" label="邮箱" placeholder="请您输入邮箱号"></ion-input>
+    </ion-item>
+    <ion-item>
+      <ion-input [value]="userData['account']" (ionChange)="userDataChange('account',$event)" label="手机号" placeholder="请您输入手机号"></ion-input>
+    </ion-item>
+
+   <ion-button expand="block" color="danger" (click)="save()">保存</ion-button>
+   <ion-button expand="block" color="danger" (click)="cancel()">取消</ion-button>
+ 
+
+  </ion-card-content>
+</ion-card>

soul-app/src/app/info-modal/info-modal.component.html

@@ -1,5 +1,5 @@
 <!-- 用户登录状态 -->
-<ion-card>
+<ion-card style="max-height: 400px; overflow-y: auto;">
   <ion-card-header>
     <ion-card-title>
       用户名：{{currentUser?.get("username")}}
@@ -26,7 +26,9 @@
   </ion-item>
   <ion-item>
     <ion-label>
-      {{ userData['identity'] === 'student' ? (userData['studentID'] || '--') : (userData['teacherID'] || '--') }}
+      {{ userData['identity'] === 'student' 
+        ? '学号：' + (userData['studentID'] || '--') 
+        : '工号：' + (userData['teacherID'] || '--') }}
     </ion-label>
   </ion-item>
   <ion-item>

soul-app/src/app/tab1/tab1.page.scss

@@ -23,7 +23,7 @@ ion-content {
     text-transform: none; /* 按钮文字不变形 */
     height: 35px;
     flex: 1; /* 每个按钮等分空间 */
-    margin: 0 5px; /* 按钮之间的间距 */
+    margin: 1 7px; /* 按钮之间的间距 */
     color: rgb(42, 50, 77);
 }
   /* 设置搜索框的样式 */

soul-app/src/lib/user/modal-identity-verification/modal-identity-verification.component.ts

@@ -3,6 +3,7 @@ import { Component } from '@angular/core';
 import { ModalController, IonInput, IonItem, IonLabel, IonSegment,  IonButton, IonCard, IonSegmentButton,IonCardHeader, IonCardTitle, IonCardSubtitle, IonCardContent, IonSelect, IonSelectOption } from '@ionic/angular/standalone';
 import { CloudUser } from 'src/lib/ncloud';
 import { FormsModule } from '@angular/forms'; // 导入 FormsModule
+import { CommonModule } from '@angular/common';
 
 @Component({
   selector: 'app-modal-identity-verification',
@@ -24,6 +25,7 @@ import { FormsModule } from '@angular/forms'; // 导入 FormsModule
     IonSelect,
     IonSelectOption,
     FormsModule,
+    CommonModule
   ],
 })
 export class ModalIdentityVerificationComponent implements OnInit {

soul-app/src/lib/user/modal-user-edit/modal-user-edit.component.html

@@ -1,5 +1,5 @@
 <!-- 用户登录状态 -->
-<ion-card>
+<ion-card style="max-height: 400px; overflow-y: auto;">
   <ion-card-header>
     <ion-card-title>
       用户名：{{currentUser?.get("username")}}
@@ -24,10 +24,10 @@
       <ion-input [value]="userData['avatar']" (ionChange)="userDataChange('avatar',$event)" label="头像" placeholder="请您输入头像地址"></ion-input>
     </ion-item>
     <ion-item>
-      <ion-input [value]="userData['email']" (ionChange)="userDataChange('avatar',$event)" label="邮箱" placeholder="请您输入邮箱号"></ion-input>
+      <ion-input [value]="userData['email']" (ionChange)="userDataChange('email',$event)" label="邮箱" placeholder="请您输入邮箱号"></ion-input>
     </ion-item>
     <ion-item>
-      <ion-input [value]="userData['account']" (ionChange)="userDataChange('avatar',$event)" label="手机号" placeholder="请您输入手机号"></ion-input>
+      <ion-input [value]="userData['account']" (ionChange)="userDataChange('account',$event)" label="手机号" placeholder="请您输入手机号"></ion-input>
     </ion-item>
 
    <ion-button expand="block" color="danger" (click)="save()">保存</ion-button>