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

104 lines
4.2 KiB
Plaintext
Raw Normal View History

2026-09-09 22:05:00 +08:00
<!-- 择偶条件页 U12-U14 -->
<view class="ppref-page">
<ui-nav-bar
title="择偶条件"
status-bar-height="{{statusBarHeight}}"
nav-bar-height="{{navBarHeight}}"
bind:back="onBack"
/>
<view class="ppref-body">
<!-- 基础择偶条件(U12/U13) -->
<view class="ppref-section card-base">
<ui-section-header title="基础择偶条件" subtitle="可设置必须符合或最好符合" />
<ui-preference-editor
preference="{{preference}}"
bind:change="onPrefChange"
/>
</view>
<!-- 地区(多选,补充 preference-editor 的值编辑) -->
<view class="ppref-section card-base">
<ui-section-header title="期望地区" subtitle="多选" />
<view class="ppref-tags">
<view
wx:for="{{regionOptions}}"
wx:key="*this"
class="ppref-tag {{preference.region && preference.region.indexOf(item) >= 0 ? 'ppref-tag--selected' : ''}}"
data-region="{{item}}"
bindtap="onRegionTap"
>{{item}}</view>
</view>
</view>
<!-- 婚姻状况(多选) -->
<view class="ppref-section card-base">
<ui-section-header title="期望婚姻状况" subtitle="多选" />
<view class="ppref-tags">
<view
wx:for="{{maritalAcceptOptions}}"
wx:key="*this"
class="ppref-tag {{preference.maritalStatusAccepted && preference.maritalStatusAccepted.indexOf(item) >= 0 ? 'ppref-tag--selected' : ''}}"
data-status="{{item}}"
bindtap="onMaritalTap"
>{{item}}</view>
</view>
</view>
<!-- 学历(单选) -->
<view class="ppref-section card-base">
<ui-section-header title="期望学历" />
<picker mode="selector" range="{{educationOptions}}" value="{{educationIndex}}" bindchange="onEducationChange">
<view class="ppref-picker">
<text class="ppref-picker__value">{{educationOptions[educationIndex]}}</text>
</view>
</picker>
</view>
<!-- 更多择偶条件(U14,可选) -->
<view class="ppref-section card-base">
<ui-section-header title="更多择偶条件" subtitle="可选,均允许不限" />
<view class="ppref-form">
<picker mode="selector" range="{{morePrefOptions.occupation}}" value="{{occupationIndex}}" bindchange="onOccupationChange">
<view class="ppref-field">
<text class="ppref-field__label">职业倾向</text>
<text class="ppref-field__value">{{morePrefOptions.occupation[occupationIndex]}}</text>
</view>
</picker>
<picker mode="selector" range="{{morePrefOptions.smoking}}" value="{{smokingIndex}}" bindchange="onSmokingPrefChange">
<view class="ppref-field">
<text class="ppref-field__label">是否吸烟</text>
<text class="ppref-field__value">{{morePrefOptions.smoking[smokingIndex]}}</text>
</view>
</picker>
<picker mode="selector" range="{{morePrefOptions.drinking}}" value="{{drinkingIndex}}" bindchange="onDrinkingPrefChange">
<view class="ppref-field">
<text class="ppref-field__label">是否饮酒</text>
<text class="ppref-field__value">{{morePrefOptions.drinking[drinkingIndex]}}</text>
</view>
</picker>
<picker mode="selector" range="{{morePrefOptions.settlement}}" value="{{settlementIndex}}" bindchange="onSettlementChange">
<view class="ppref-field">
<text class="ppref-field__label">定居意愿</text>
<text class="ppref-field__value">{{morePrefOptions.settlement[settlementIndex]}}</text>
</view>
</picker>
<picker mode="selector" range="{{morePrefOptions.marriagePlan}}" value="{{marriagePlanIndex}}" bindchange="onMarriagePlanPrefChange">
<view class="ppref-field">
<text class="ppref-field__label">结婚时间计划</text>
<text class="ppref-field__value">{{morePrefOptions.marriagePlan[marriagePlanIndex]}}</text>
</view>
</picker>
</view>
</view>
</view>
<view class="ppref-actions">
<ui-button variant="primary" size="lg" block loading="{{saving}}" bind:tap="onNext">下一步</ui-button>
</view>
</view>