|
|
@@ -1,31 +1,32 @@
|
|
|
<template>
|
|
|
- <view class="contact-card" @click="$emit('click', contact)">
|
|
|
- <view class="card-avatar" :style="{ background: avatarColor }">
|
|
|
- <text class="avatar-text">{{ initial }}</text>
|
|
|
- </view>
|
|
|
- <text class="card-name">{{ contact.name }}</text>
|
|
|
- <view class="card-type-tag" :style="{ background: typeColor + '20', color: typeColor }">
|
|
|
- {{ typeLabel }}
|
|
|
- </view>
|
|
|
- <text class="card-known" v-if="contact.knownSince">
|
|
|
- 认识 {{ knownYears }} 年
|
|
|
- </text>
|
|
|
- <text class="card-phone" v-if="contact.phone">{{ contact.phone }}</text>
|
|
|
- <view class="card-intimacy">
|
|
|
- <text class="intimacy-heart">❤️</text>
|
|
|
- <text class="intimacy-value">{{ contact.intimacyLevel }}</text>
|
|
|
- </view>
|
|
|
- <text class="card-birthday" v-if="contact.birthdayCountdown">
|
|
|
- 🎂 {{ contact.birthdayLabel }} · {{ contact.birthdayCountdown }}
|
|
|
- </text>
|
|
|
- <view class="card-family-status" v-if="contact.familyMemberId">
|
|
|
- <text class="family-badge">已是家庭成员</text>
|
|
|
- </view>
|
|
|
- <view class="card-invite" v-else @click.stop="handleInvite">
|
|
|
- <text class="invite-text">邀请加入家庭</text>
|
|
|
+ <view>
|
|
|
+ <view class="contact-card" @click="$emit('click', contact)">
|
|
|
+ <view class="card-avatar" :style="{ background: avatarColor }">
|
|
|
+ <text class="avatar-text">{{ initial }}</text>
|
|
|
+ </view>
|
|
|
+ <text class="card-name">{{ contact.name }}</text>
|
|
|
+ <view class="card-type-tag" :style="{ background: typeColor + '20', color: typeColor }">
|
|
|
+ {{ typeLabel }}
|
|
|
+ </view>
|
|
|
+ <text class="card-known" v-if="contact.knownSince">
|
|
|
+ 认识 {{ knownYears }} 年
|
|
|
+ </text>
|
|
|
+ <text class="card-phone" v-if="contact.phone">{{ contact.phone }}</text>
|
|
|
+ <view class="card-intimacy">
|
|
|
+ <text class="intimacy-heart">❤️</text>
|
|
|
+ <text class="intimacy-value">{{ contact.intimacyLevel }}</text>
|
|
|
+ </view>
|
|
|
+ <text class="card-birthday" v-if="contact.birthdayCountdown">
|
|
|
+ 🎂 {{ contact.birthdayLabel }} · {{ contact.birthdayCountdown }}
|
|
|
+ </text>
|
|
|
+ <view class="card-family-status" v-if="contact.familyMemberId">
|
|
|
+ <text class="family-badge">已是家庭成员</text>
|
|
|
+ </view>
|
|
|
+ <view class="card-invite" v-else @click.stop="handleInvite">
|
|
|
+ <text class="invite-text">邀请加入家庭</text>
|
|
|
+ </view>
|
|
|
</view>
|
|
|
- </view>
|
|
|
- <view class="invite-modal" v-if="showInviteModal" @click.stop>
|
|
|
+ <view class="invite-modal" v-if="showInviteModal" @click.stop>
|
|
|
<view class="modal-mask" @click="showInviteModal = false"></view>
|
|
|
<view class="modal-content">
|
|
|
<text class="modal-title">邀请加入家庭</text>
|
|
|
@@ -47,6 +48,7 @@
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
+ </view>
|
|
|
</template>
|
|
|
|
|
|
<script>
|