feat: redesign discovery and messages tabs

miniapp/components/user-card/index.wxml

@@ -1,9 +1,9 @@
 <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>
+    <checkbox class="ui-user-card__checkbox" checked="{{selected}}" color="#FF5C82" />
   </view>
   <ui-avatar
-    src="{{user.avatarUrl}}"
+    src="{{user.avatarUrl || '/assets/brand/default-avatar.png'}}"
     size="lg"
     verified="{{user.verified}}"
     reviewed="{{user.reviewed}}"
@@ -14,6 +14,7 @@
     <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>
+      <text wx:if="{{user.online}}" class="ui-user-card__online">在线</text>
     </view>
     <view class="ui-user-card__meta">
       <text wx:if="{{user.heightCm}}">{{user.heightCm}}cm · </text>
@@ -23,6 +24,9 @@
     <view wx:if="{{user.occupationCode}}" class="ui-user-card__meta">
       {{user.occupationCode}}
     </view>
+    <view wx:if="{{user.recommendationReasons && user.recommendationReasons.length}}" class="ui-user-card__tags">
+      <text wx:for="{{user.recommendationReasons}}" wx:key="*this" class="ui-user-card__tag">{{item}}</text>
+    </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>