Files
danyang-match/miniapp/pages/profile-basic/profile-basic.wxml
T

135 lines
4.4 KiB
Plaintext

<!-- 基础资料页 U06 -->
<view class="pb-page">
<ui-nav-bar
title="基础资料"
status-bar-height="{{statusBarHeight}}"
nav-bar-height="{{navBarHeight}}"
bind:back="onBack"
/>
<view class="pb-body">
<!-- 身份证自动生成(只读) -->
<view class="pb-section card-base">
<ui-section-header title="基本信息" subtitle="由实名认证自动生成" />
<view class="pb-readonly">
<view class="pb-row">
<text class="pb-row__label">性别</text>
<text class="pb-row__value">{{genderLabel || '未认证'}}</text>
</view>
<view class="pb-row">
<text class="pb-row__label">年龄</text>
<text class="pb-row__value">{{ageText || '未认证'}}</text>
</view>
</view>
</view>
<!-- 用户填写 -->
<view class="pb-section card-base">
<ui-section-header title="个人资料" subtitle="请如实填写" />
<view class="pb-form">
<!-- 居住区域 -->
<picker
mode="selector"
range="{{regionOptions}}"
value="{{regionIndex}}"
bindchange="onRegionChange"
>
<view class="pb-field">
<text class="pb-field__label">居住区域</text>
<view class="pb-field__value {{regionIndex >= 0 ? '' : 'pb-field__value--placeholder'}}">
{{regionIndex >= 0 ? regionOptions[regionIndex] : '请选择'}}
</view>
</view>
</picker>
<!-- 身高 -->
<view class="pb-field">
<text class="pb-field__label">身高(cm)</text>
<input
class="pb-field__input"
type="number"
value="{{heightCm}}"
placeholder="请输入"
bindinput="onHeightInput"
/>
</view>
<!-- 婚姻状况 -->
<picker
mode="selector"
range="{{maritalOptions}}"
range-key="label"
value="{{maritalIndex < 0 ? 0 : maritalIndex}}"
bindchange="onMaritalChange"
>
<view class="pb-field">
<text class="pb-field__label">婚姻状况</text>
<view class="pb-field__value {{maritalIndex >= 0 ? '' : 'pb-field__value--placeholder'}}">
{{maritalIndex >= 0 ? maritalOptions[maritalIndex].label : '请选择'}}
</view>
</view>
</picker>
<!-- 子女情况 -->
<picker
mode="selector"
range="{{childrenOptions}}"
range-key="label"
value="{{childrenIndex < 0 ? 0 : childrenIndex}}"
bindchange="onChildrenChange"
>
<view class="pb-field">
<text class="pb-field__label">子女情况</text>
<view class="pb-field__value {{childrenIndex >= 0 ? '' : 'pb-field__value--placeholder'}}">
{{childrenIndex >= 0 ? childrenOptions[childrenIndex].label : '请选择'}}
</view>
</view>
</picker>
<!-- 学历 -->
<picker
mode="selector"
range="{{educationOptions}}"
range-key="label"
value="{{educationIndex < 0 ? 0 : educationIndex}}"
bindchange="onEducationChange"
>
<view class="pb-field">
<text class="pb-field__label">学历</text>
<view class="pb-field__value {{educationIndex >= 0 ? '' : 'pb-field__value--placeholder'}}">
{{educationIndex >= 0 ? educationOptions[educationIndex].label : '请选择'}}
</view>
</view>
</picker>
<!-- 职业类型 -->
<picker
mode="selector"
range="{{occupationOptions}}"
range-key="label"
value="{{occupationIndex < 0 ? 0 : occupationIndex}}"
bindchange="onOccupationChange"
>
<view class="pb-field">
<text class="pb-field__label">职业类型</text>
<view class="pb-field__value {{occupationIndex >= 0 ? '' : 'pb-field__value--placeholder'}}">
{{occupationIndex >= 0 ? occupationOptions[occupationIndex].label : '请选择'}}
</view>
</view>
</picker>
</view>
</view>
</view>
<!-- 底部操作 -->
<view class="pb-actions">
<ui-button
variant="primary"
size="lg"
block
loading="{{saving}}"
bind:tap="onNext"
>下一步</ui-button>
</view>
</view>