From d820b4d0fc01559e36484649c56bbc13b9cc551c Mon Sep 17 00:00:00 2001 From: wupengfei <834520024@qq.com> Date: 星期二, 12 八月 2025 16:30:42 +0800 Subject: [PATCH] Merge branch 'master' of http://120.26.58.240:8888/r/flexJobMiniApp --- packages/components/src/Card/FlexJobTopView.vue | 33 ++++++++++++++++++++++----------- 1 files changed, 22 insertions(+), 11 deletions(-) diff --git a/packages/components/src/Card/FlexJobTopView.vue b/packages/components/src/Card/FlexJobTopView.vue index ba2b4fd..754b80d 100644 --- a/packages/components/src/Card/FlexJobTopView.vue +++ b/packages/components/src/Card/FlexJobTopView.vue @@ -1,22 +1,28 @@ <template> <div :class="['flexJob-card-top-wrapper', size]"> - <Avatar :src="avatarUrl" :size="size === 'small' ? 50 : 60" class="flexJob-card-top-avatar" /> + <Avatar :src="avatar" :size="size === 'small' ? 50 : 60" class="flexJob-card-top-avatar" /> <div class="flexJob-card-top-info"> <div class="flexJob-card-top-info-item"> <div class="flexJob-card-top-info-name">{{ name }}</div> <div class="flexJob-card-top-info-gender"> <img - v-if="genderType === Gender.Male" + v-if="gender === EnumUserGender.Male" :src="IconMale" class="flexJob-card-top-info-gender-icon" /> <img v-else :src="IconFemale" class="flexJob-card-top-info-gender-icon" /> </div> - <div class="flexJob-card-top-info-auth">{{ isRealName ? '宸插疄鍚�' : '鏈疄鍚�' }}</div> + <div class="flexJob-card-top-info-auth" :class="{ 'is-real-name': isReal }"> + {{ isReal ? '宸插疄鍚�' : '鏈疄鍚�' }} + </div> </div> <slot name="detail"> <div class="flexJob-card-top-info-detail"> - {{ `${age}宀� | ${educationalLevel} | ${educationalLevel} | 涓婂矖${arrangeCount}娆 }} + {{ + `${age ? '' : `${age}宀亅`}${personalIdentityContent ?? ''} | ${ + educationalBackgroundContent ?? '' + } | 涓婂矖${taskCount ?? 0}娆 + }} </div> </slot> </div> @@ -26,7 +32,7 @@ <script setup lang="ts"> import IconMale from '@/assets/mine/icon-male.png'; import IconFemale from '@/assets/mine/icon-female.png'; -import { AvatarImage, Gender } from '@12333/constants'; +import { AvatarImage, EnumUserGender } from '@12333/constants'; import { Avatar } from '@12333/components'; defineOptions({ @@ -36,18 +42,19 @@ type Props = { size?: 'normal' | 'small'; - avatarUrl?: string; + avatar?: string; name?: string; - genderType?: Gender; + gender?: EnumUserGender; age?: number; - educationalLevel?: string; - arrangeCount?: number; - isRealName?: boolean; + isReal?: boolean; + personalIdentityContent?: string; + educationalBackgroundContent?: string; + taskCount?: number; }; const props = withDefaults(defineProps<Props>(), { size: 'normal', - avatarUrl: AvatarImage, + avatar: AvatarImage, }); </script> @@ -97,6 +104,10 @@ font-size: 28px; line-height: 34px; flex-shrink: 0; + + &.is-real-name { + color: #2a9e1b; + } } } -- Gitblit v1.9.1