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

<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="{{childrenIndex < 0 ? 0 : childrenIndex}}"
      range="{{childrenOptions}}"
      range-key="label"
      bindchange="onAcceptChildrenChange"
    >
      <view class="ui-pref__picker-value">
        {{childrenLabelMap[preference.acceptChildren] || '不限'}}
      </view>
    </picker>
  </view>
</view>