From acd6c55ea7b11e06130c20bcd5ffd98c8e880a1f Mon Sep 17 00:00:00 2001
From: zhengyiming <540361168@qq.com>
Date: 星期二, 12 八月 2025 16:32:18 +0800
Subject: [PATCH] Merge branch 'master' of http://120.26.58.240:8888/r/flexJobMiniApp
---
packages/components/src/Card/FlexJobTopView.vue | 38 +++++++++++++++++++++++++++++++++-----
1 files changed, 33 insertions(+), 5 deletions(-)
diff --git a/packages/components/src/Card/FlexJobTopView.vue b/packages/components/src/Card/FlexJobTopView.vue
index 63a0ef0..754b80d 100644
--- a/packages/components/src/Card/FlexJobTopView.vue
+++ b/packages/components/src/Card/FlexJobTopView.vue
@@ -1,17 +1,29 @@
<template>
<div :class="['flexJob-card-top-wrapper', size]">
- <UserAvatar :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">{{ '娲嬫磱' }}</div>
+ <div class="flexJob-card-top-info-name">{{ name }}</div>
<div class="flexJob-card-top-info-gender">
- <img v-if="1" :src="IconMale" class="flexJob-card-top-info-gender-icon" />
+ <img
+ 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">{{ '宸插疄鍚�' }}</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">{{ '26宀� | 闈炲鐢� | 鏈 | 涓婂矖121娆�' }}</div>
+ <div class="flexJob-card-top-info-detail">
+ {{
+ `${age ? '' : `${age}宀亅`}${personalIdentityContent ?? ''} | ${
+ educationalBackgroundContent ?? ''
+ } | 涓婂矖${taskCount ?? 0}娆
+ }}
+ </div>
</slot>
</div>
</div>
@@ -20,6 +32,8 @@
<script setup lang="ts">
import IconMale from '@/assets/mine/icon-male.png';
import IconFemale from '@/assets/mine/icon-female.png';
+import { AvatarImage, EnumUserGender } from '@12333/constants';
+import { Avatar } from '@12333/components';
defineOptions({
name: 'FlexJobTopView',
@@ -27,10 +41,20 @@
type Props = {
size?: 'normal' | 'small';
+
+ avatar?: string;
+ name?: string;
+ gender?: EnumUserGender;
+ age?: number;
+ isReal?: boolean;
+ personalIdentityContent?: string;
+ educationalBackgroundContent?: string;
+ taskCount?: number;
};
const props = withDefaults(defineProps<Props>(), {
size: 'normal',
+ avatar: AvatarImage,
});
</script>
@@ -80,6 +104,10 @@
font-size: 28px;
line-height: 34px;
flex-shrink: 0;
+
+ &.is-real-name {
+ color: #2a9e1b;
+ }
}
}
--
Gitblit v1.9.1