From 20619871d0db98f3f298a04e200005e84e0bc6be Mon Sep 17 00:00:00 2001
From: zhengyiming <540361168@qq.com>
Date: 星期四, 13 二月 2025 18:56:54 +0800
Subject: [PATCH] fix: b端
---
packages/components/src/Card/FlexJobCard.vue | 81 +++++++---------------------------------
1 files changed, 14 insertions(+), 67 deletions(-)
diff --git a/packages/components/src/Card/FlexJobCard.vue b/packages/components/src/Card/FlexJobCard.vue
index 6218572..ed27a18 100644
--- a/packages/components/src/Card/FlexJobCard.vue
+++ b/packages/components/src/Card/FlexJobCard.vue
@@ -1,19 +1,6 @@
<template>
<div class="flexJob-card-wrapper">
- <div class="flexJob-card-top-wrapper">
- <UserAvatar :size="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-gender">
- <img v-if="1" :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>
- <div class="flexJob-card-top-info-detail">{{ '26宀� | 闈炲鐢� | 鏈 | 涓婂矖121娆�' }}</div>
- </div>
- </div>
+ <FlexJobTopView />
<div class="flexJob-card-done-list">
{{
'鍋氳繃锛氬鎴挎湇鍔″憳銆佸鎴挎湇鍔″憳銆佸鎴垮鎴挎湇鍔″憳銆佸鎴垮仛杩囷細瀹㈡埧鏈嶅姟鍛樸�佸鎴挎湇鍔″憳銆佸鎴垮鎴挎湇鍔″憳銆佸鎴�'
@@ -26,11 +13,14 @@
<div class="flexJob-card-done-detail-item">{{ '鍦ㄣ�屽畞娉㈤浄杩．閰掑簵銆嶏紝鍋氳繃瀹㈡埧鏈嶅姟鍛�' }}</div>
</div>
<div class="flexJob-card-footer">
- <div class="flexJob-card-footer-left" v-if="showFooterLeft">
- <slot name="footerLeft">
- <div class="flexJob-card-footer-text">鍙栨秷鏀惰棌</div>
- </slot>
+ <div class="flexJob-card-footer-left-wrapper">
+ <div class="flexJob-card-footer-left" v-if="showFooterLeft">
+ <slot name="footerLeft">
+ <div class="flexJob-card-footer-text">鍙栨秷鏀惰棌</div>
+ </slot>
+ </div>
</div>
+
<div class="flexJob-card-footer-right" v-if="showFooterRight">
<slot name="footerRight">
<nut-button type="primary">绔嬪嵆鑱旂郴</nut-button>
@@ -44,6 +34,7 @@
import IconMale from '@/assets/mine/icon-male.png';
import IconFemale from '@/assets/mine/icon-female.png';
import { CommonTaskCardProps } from './card';
+import FlexJobTopView from './FlexJobTopView.vue';
defineOptions({
name: 'FlexJobCard',
@@ -74,55 +65,7 @@
}
.flexJob-card-top-wrapper {
- display: flex;
- align-items: center;
margin-bottom: 38px;
-
- .flexJob-card-top-avatar {
- margin-right: 30px;
- }
-
- .flexJob-card-top-info {
- display: flex;
- flex-direction: column;
-
- .flexJob-card-top-info-item {
- display: flex;
- align-items: center;
-
- .flexJob-card-top-info-name {
- font-size: 34px;
- line-height: 34px;
- font-weight: bold;
- color: boleGetCssVar('text-color', 'primary');
- }
-
- .flexJob-card-top-info-gender {
- display: inline-flex;
- align-items: center;
- height: 34px;
- margin: 0 10px;
-
- .flexJob-card-top-info-gender-icon {
- width: 24px;
- height: 24px;
- }
- }
-
- .flexJob-card-top-info-auth {
- font-size: 28px;
- line-height: 34px;
- }
- }
-
- .flexJob-card-top-info-detail {
- font-size: 24px;
- font-weight: 400;
- line-height: 28px;
- margin-top: 12px;
- color: boleGetCssVar('text-color', 'secondary');
- }
- }
}
.flexJob-card-done-list {
@@ -153,11 +96,15 @@
.flexJob-card-footer {
display: flex;
align-items: center;
- justify-content: space-between;
border-top: #d9d9d9 1px solid;
padding-top: 24px;
margin-top: 18px;
+ .flexJob-card-footer-left-wrapper {
+ flex: 1;
+ min-width: 0;
+ }
+
.flexJob-card-footer-left {
.flexJob-card-footer-text {
font-size: 24px;
--
Gitblit v1.9.1