Files
danyang-match/miniapp/components/user-card/index.wxml
T

35 lines
1.3 KiB
Plaintext

<view class="ui-user-card" bindtap="onTap">
<view wx:if="{{selectable}}" class="ui-user-card__select" catchtap="onToggleSelect">
<view class="ui-user-card__checkbox {{selected ? 'ui-user-card__checkbox--checked' : ''}}"></view>
</view>
<ui-avatar
src="{{user.avatarUrl}}"
size="lg"
verified="{{user.verified}}"
reviewed="{{user.reviewed}}"
default-text="{{user.displayName}}"
bind:tap="onTap"
/>
<view class="ui-user-card__body">
<view class="ui-user-card__name-row">
<text class="ui-user-card__name">{{user.displayName}}</text>
<text class="ui-user-card__age">{{user.age}}岁</text>
</view>
<view class="ui-user-card__meta">
<text wx:if="{{user.heightCm}}">{{user.heightCm}}cm · </text>
<text>{{user.regionName}}</text>
<text wx:if="{{user.educationCode}}"> · {{user.educationCode}}</text>
</view>
<view wx:if="{{user.occupationCode}}" class="ui-user-card__meta">
{{user.occupationCode}}
</view>
<view wx:if="{{user.maritalStatus || user.hasChildren !== undefined}}" class="ui-user-card__meta">
<text wx:if="{{user.maritalStatus}}">{{user.maritalStatus}}</text>
<text wx:if="{{user.hasChildren}}"> · 有孩</text>
</view>
</view>
<view class="ui-user-card__actions">
<slot name="actions"></slot>
</view>
</view>