Files
danyang-match/miniapp/components/preference-editor/index.wxml
T

125 lines
3.5 KiB
Plaintext

<view class="ui-pref" wx:if="{{preference}}">
<view class="ui-pref__hint">
标记为"必须符合"的条件将作为硬约束,不会自动放宽;
"最好符合"为软偏好,可能匹配到略不满足的对象。
</view>
<!-- 年龄 -->
<view class="ui-pref__row">
<view class="ui-pref__label">年龄</view>
<view class="ui-pref__range">
<input
class="ui-pref__num"
type="number"
value="{{preference.ageMin}}"
placeholder="不限"
data-bound="min"
bindinput="onAgeChange"
/>
<text class="ui-pref__dash">~</text>
<input
class="ui-pref__num"
type="number"
value="{{preference.ageMax}}"
placeholder="不限"
data-bound="max"
bindinput="onAgeChange"
/>
</view>
<view
class="ui-pref__importance ui-pref__importance--{{preference.ageImportance}}"
data-field="ageImportance"
bindtap="onToggleImportance"
>{{importanceLabelMap[preference.ageImportance]}}</view>
</view>
<!-- 身高 -->
<view class="ui-pref__row">
<view class="ui-pref__label">身高</view>
<view class="ui-pref__range">
<input
class="ui-pref__num"
type="number"
value="{{preference.heightMin}}"
placeholder="不限"
data-bound="min"
bindinput="onHeightChange"
/>
<text class="ui-pref__dash">~</text>
<input
class="ui-pref__num"
type="number"
value="{{preference.heightMax}}"
placeholder="不限"
data-bound="max"
bindinput="onHeightChange"
/>
</view>
<view
class="ui-pref__importance ui-pref__importance--{{preference.heightImportance}}"
data-field="heightImportance"
bindtap="onToggleImportance"
>{{importanceLabelMap[preference.heightImportance]}}</view>
</view>
<!-- 地区 -->
<view class="ui-pref__row">
<view class="ui-pref__label">地区</view>
<view class="ui-pref__tags">
<ui-tag
wx:for="{{preference.region}}"
wx:key="*this"
label="{{item}}"
variant="primary"
/>
</view>
<view
class="ui-pref__importance ui-pref__importance--{{preference.regionImportance}}"
data-field="regionImportance"
bindtap="onToggleImportance"
>{{importanceLabelMap[preference.regionImportance]}}</view>
</view>
<!-- 婚姻状况 -->
<view class="ui-pref__row">
<view class="ui-pref__label">婚姻状况</view>
<view class="ui-pref__tags">
<ui-tag
wx:for="{{preference.maritalStatusAccepted}}"
wx:key="*this"
label="{{item}}"
variant="primary"
/>
</view>
</view>
<!-- 学历 -->
<view class="ui-pref__row">
<view class="ui-pref__label">学历</view>
<view class="ui-pref__tags">
<ui-tag
wx:for="{{preference.educationAccepted}}"
wx:key="*this"
label="{{item}}"
variant="primary"
/>
</view>
</view>
<!-- 是否接受有孩 -->
<view class="ui-pref__row">
<view class="ui-pref__label">子女</view>
<picker
class="ui-pref__picker"
value="{{preference.acceptChildren}}"
range="{{['any', 'accept', 'reject']}}"
range-key=""
bindchange="onAcceptChildrenChange"
>
<view class="ui-pref__picker-value">
{{preference.acceptChildren === 'any' ? '不限' : preference.acceptChildren === 'accept' ? '可接受' : '不接受'}}
</view>
</picker>
</view>
</view>