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

104 lines
4.2 KiB
Plaintext
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
<!-- 择偶条件页 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>