danyang-match/miniapp/components/recommend-card/index.wxml

<view class="ui-rec" wx:if="{{recommendation}}" bindtap="onViewDetail">
  <ui-avatar src="{{recommendation.avatarUrl || '/assets/brand/default-avatar.png'}}" size="lg" verified="{{recommendation.verified}}" reviewed="{{recommendation.reviewed}}" default-text="{{recommendation.displayName}}" />
  <view class="ui-rec__info">
    <view class="ui-rec__name-row"><text class="ui-rec__name">{{recommendation.displayName || '善缘用户'}}</text><text wx:if="{{recommendation.age}}" class="ui-rec__age">{{recommendation.age}}岁</text><text wx:if="{{recommendation.online}}" class="ui-rec__online">在线</text></view>
    <view class="ui-rec__meta"><text wx:if="{{recommendation.regionName}}">{{recommendation.regionName}}</text><text wx:if="{{recommendation.heightCm}}"> · {{recommendation.heightCm}}cm</text><text wx:if="{{educationLabel}}"> · {{educationLabel}}</text></view>
    <view wx:if="{{occupationLabel}}" class="ui-rec__meta">{{occupationLabel}}</view>
    <view wx:if="{{recommendation.recommendationReasons && recommendation.recommendationReasons.length}}" class="ui-rec__reasons"><text wx:for="{{recommendation.recommendationReasons}}" wx:key="*this" class="ui-rec__reason">{{item}}</text></view>
  </view>
  <view wx:if="{{showActions}}" class="ui-rec__actions">
    <view class="compact-like" catchtap="onLike"><image class="compact-like__icon" src="/assets/brand/logo-mark.png" mode="aspectFit" /></view>
    <text class="compact-pass" catchtap="onPass">暂不考虑</text>
  </view>
</view>