From fb243f3345c6f3ed7e7c8c2d98c39b5afc782b9a Mon Sep 17 00:00:00 2001
From: wupengfei <834520024@qq.com>
Date: 星期一, 20 十月 2025 10:24:40 +0800
Subject: [PATCH] Merge branch 'master' of http://120.26.58.240:8888/r/flexJobMiniApp
---
packages/components/src/Card/FlexJobTopView.vue | 45 ++++++++++++++++++++++++++++++++++-----------
1 files changed, 34 insertions(+), 11 deletions(-)
diff --git a/packages/components/src/Card/FlexJobTopView.vue b/packages/components/src/Card/FlexJobTopView.vue
index af58bf0..2c9fa45 100644
--- a/packages/components/src/Card/FlexJobTopView.vue
+++ b/packages/components/src/Card/FlexJobTopView.vue
@@ -1,19 +1,28 @@
<template>
<div :class="['flexJob-card-top-wrapper', size]">
- <Avatar :src="avatar" :size="size === 'small' ? 50 : 60" class="flexJob-card-top-avatar" />
+ <Avatar
+ :src="setOSSLink(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="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 class="flexJob-card-top-info-item-w">
+ <div class="flexJob-card-top-info-name">{{ name }}</div>
+ <div class="flexJob-card-top-info-gender">
+ <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" :class="{ 'is-real-name': isReal }">
+ {{ isReal ? '宸插疄鍚�' : '鏈疄鍚�' }}
+ </div>
</div>
- <div class="flexJob-card-top-info-auth" :class="{ 'is-real-name': isReal }">
- {{ isReal ? '宸插疄鍚�' : '鏈疄鍚�' }}
+ <div class="flexJob-card-top-info-item-right">
+ <slot name="time"></slot>
</div>
</div>
<slot name="detail">
@@ -31,6 +40,7 @@
import { AvatarImage, EnumUserGender } from '@12333/constants';
import { Avatar } from '@12333/components';
import { computed } from 'vue';
+import { setOSSLink } from '@12333/utils';
defineOptions({
name: 'FlexJobTopView',
@@ -85,10 +95,23 @@
flex: 1;
min-width: 0;
+ .flexJob-card-top-info-item-w {
+ display: flex;
+ align-items: center;
+ flex: 1;
+ min-width: 0;
+ }
+
.flexJob-card-top-info-item {
display: flex;
align-items: center;
+ .flexJob-card-top-info-item-right {
+ font-size: 28px;
+ line-height: 34px;
+ color: boleGetCssVar('text-color', 'secondary');
+ }
+
.flexJob-card-top-info-name {
font-size: 34px;
line-height: 34px;
--
Gitblit v1.9.1