123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116 |
- <ion-header>
- <ion-toolbar>
- <ion-buttons slot="start">
- <ion-button color="medium" (click)="cancel()">取消</ion-button>
- </ion-buttons>
- <ion-title>编辑个人信息</ion-title>
- <ion-buttons slot="end">
- <ion-button (click)="confirm()" [strong]="true">确认</ion-button>
- </ion-buttons>
- </ion-toolbar>
- </ion-header>
- <ion-content class="ion-padding">
- <!-- 头像上传区域 -->
- <ion-item>
- <ion-label>头像 <span style="color: red;">*</span></ion-label>
- <ion-avatar slot="start">
- <img [src]="avatar || 'assets/default-avatar.png'" />
- </ion-avatar>
- <ion-button fill="outline" slot="end" (click)="uploadAvatar()">上传头像</ion-button>
- </ion-item>
- <!-- 用户名输入框 -->
- <ion-item>
- <ion-label>姓名 <span style="color: red;">*</span></ion-label>
- <ion-input [value]="name" (ionInput)="nameInput($event)" placeholder="请输入姓名" autoGrow="true"></ion-input>
- </ion-item>
- <!-- 邮箱输入框 -->
- <ion-item>
- <ion-label>邮箱 <span style="color: red;">*</span></ion-label>
- <ion-input [value]="email" (ionInput)="emailInput($event)" placeholder="XXX@XX.com" autoGrow="true"></ion-input>
- </ion-item>
- <!-- 电话输入框 -->
- <ion-item>
- <ion-label>电话 <span style="color: red;">*</span></ion-label>
- <ion-input [value]="phone" (ionInput)="phoneInput($event)" placeholder="请输入电话号码" autoGrow="true"></ion-input>
- </ion-item>
- <!-- 年龄输入框 -->
- <ion-item>
- <ion-label>年龄 <span style="color: red;">*</span></ion-label>
- <ion-input [value]="age" (ionInput)="ageInput($event)" placeholder="请输入年龄" autoGrow="true"></ion-input>
- </ion-item>
- <!-- 性别选择框 -->
- <ion-item>
- <ion-label>性别 <span style="color: red;">*</span></ion-label>
- <ion-select
- [value]="gender"
- (ionChange)="genderInput($event)"
- placeholder="请选择性别"
- interface="popover"
- required>
- <ion-select-option value="男">男</ion-select-option>
- <ion-select-option value="女">女</ion-select-option>
- <ion-select-option value="other">其他</ion-select-option>
- </ion-select>
- </ion-item>
- <!-- 身高输入框 -->
- <ion-item>
- <ion-label>身高(cm) <span style="color: red;">*</span></ion-label>
- <ion-input [value]="height" (ionInput)="heightInput($event)" placeholder="请输入身高" autoGrow="true"></ion-input>
- </ion-item>
- <!-- 体重输入框 -->
- <ion-item>
- <ion-label>体重(kg) <span style="color: red;">*</span></ion-label>
- <ion-input [value]="weight" (ionInput)="weightInput($event)" placeholder="请输入体重" autoGrow="true"></ion-input>
- </ion-item>
- <!-- 活动水平选择框 -->
- <ion-item>
- <ion-label>活动水平</ion-label>
- <ion-select [value]="activityLevel"
- (ionChange)="activityLevelInput($event)"
- placeholder="请选择活动水平"
- interface="popover"
- required>
- <ion-select-option value="低">低</ion-select-option>
- <ion-select-option value="中">中</ion-select-option>
- <ion-select-option value="高">高</ion-select-option>
- </ion-select>
- </ion-item>
- <!-- 更新后的饮食偏好选择框 -->
- <ion-item>
- <ion-label>饮食偏好 <span style="color: red;">*</span></ion-label>
- <ion-select
- [value]="dietPreference"
- (ionChange)="dietPreferenceInput($event)"
- placeholder="请选择活动水平"
- interface="popover"
- required>
- <ion-select-option value="无麸质饮食">无麸质饮食</ion-select-option>
- <ion-select-option value="低碳水化合物饮食">低碳水化合物饮食</ion-select-option>
- <ion-select-option value="低脂饮食">低脂饮食</ion-select-option>
- <ion-select-option value="高蛋白饮食">高蛋白饮食</ion-select-option>
- <ion-select-option value="无要求">无要求</ion-select-option>
- </ion-select>
- </ion-item>
- <!-- 饮食群体输入框 -->
- <ion-item>
- <ion-label>饮食群体 <span style="color: red;">*</span></ion-label>
- <ion-input [value]="dietGroup" (ionInput)="dietGroupInput($event)" placeholder="请输入饮食群体" autoGrow="true"></ion-input>
- </ion-item>
- <!-- 新增过敏信息输入框 -->
- <ion-item>
- <ion-label>过敏信息 <span style="color: red;">*</span></ion-label>
- <ion-input [value]="allergies" (ionInput)="allergiesInput($event)" placeholder="请输入过敏信息" autoGrow="true"></ion-input>
- </ion-item>
- </ion-content>
|