Files
bodyWeight/miniprogram/pages/supplementPersonal/supplementPersonal.wxml
T

116 lines
4.9 KiB
Plaintext

<view class="supplement-personal">
<view class="tips">
<view class="tips-icon">!</view>
<text class="tips-text">请完整填写信息,用于精准计算体脂数据</text>
</view>
<view class="form">
<view class="form-card">
<view class="form-row">
<view class="form-label">
<text class="label-text">姓名</text>
<text class="label-star">*</text>
</view>
<view class="form-control">
<input class="form-input"
type="text"
maxlength="20"
placeholder="请填写真实姓名"
placeholder-class="form-placeholder"
value="{{ name }}"
disabled="{{ readonly }}"
bind:input="onNameInput"
bind:blur="onNameBlur" />
</view>
</view>
<view class="form-row">
<view class="form-label">
<text class="label-text">身份证号</text>
<text class="label-star">*</text>
</view>
<view class="form-control">
<input class="form-input"
type="idcard"
maxlength="18"
placeholder="请填写身份证号"
placeholder-class="form-placeholder"
value="{{ idCard }}"
disabled="{{ readonly }}"
bind:input="onIdCardInput" />
</view>
</view>
<view class="form-row">
<view class="form-label">
<text class="label-text">性别</text>
</view>
<view class="form-control">
<view class="form-readonly">
<text wx:if="{{ gender }}" class="readonly-text">{{ gender }}</text>
<text wx:else class="readonly-placeholder">自动生成,无需填写</text>
</view>
</view>
</view>
<view class="form-row">
<view class="form-label">
<text class="label-text">年龄</text>
</view>
<view class="form-control">
<view class="form-readonly form-readonly-with-suffix">
<text wx:if="{{ age }}" class="readonly-text">{{ age }}</text>
<text wx:else class="readonly-placeholder">自动生成,无需填写</text>
<text class="form-suffix">岁</text>
</view>
</view>
</view>
<view class="form-row">
<view class="form-label">
<text class="label-text">身高</text>
<text class="label-star">*</text>
</view>
<view class="form-control">
<view class="form-input-wrap">
<input class="form-input form-input-with-suffix"
type="digit"
maxlength="5"
placeholder="请填写身高"
placeholder-class="form-placeholder"
value="{{ height }}"
disabled="{{ readonly }}"
bind:input="onHeightInput"
bind:blur="onHeightBlur" />
<text class="form-suffix form-suffix-inside">cm</text>
</view>
</view>
</view>
<view class="form-row">
<view class="form-label">
<text class="label-text">体重</text>
</view>
<view class="form-control">
<view class="form-input-wrap">
<input class="form-input form-input-with-suffix"
type="digit"
maxlength="6"
placeholder="请填写体重"
placeholder-class="form-placeholder"
value="{{ weight }}"
disabled="{{ readonly }}"
bind:input="onWeightInput"
bind:blur="onWeightBlur" />
<text class="form-suffix form-suffix-inside">kg</text>
</view>
</view>
</view>
</view>
</view>
<view class="submit-btn" bind:tap="onSubmit">开始使用</view>
<user-info-confirm-modal show="{{ showConfirmModal }}" userInfo="{{ serverResult }}" bind:confirm="onConfirmModalConfirm" bind:cancel="onConfirmModalCancel" />
</view>