From d3f44a4ef648ab4bb971819179d8a9acfb161477 Mon Sep 17 00:00:00 2001
From: zhengyiming <540361168@qq.com>
Date: 星期二, 11 二月 2025 14:44:36 +0800
Subject: [PATCH] Merge branch 'master' of http://120.26.58.240:8888/r/flexJobMiniApp
---
packages/components/src/Card/TaskCard.vue | 131 +++++++++++++++++++++++++++++++++++++++++++
1 files changed, 131 insertions(+), 0 deletions(-)
diff --git a/packages/components/src/Card/TaskCard.vue b/packages/components/src/Card/TaskCard.vue
new file mode 100644
index 0000000..01186b3
--- /dev/null
+++ b/packages/components/src/Card/TaskCard.vue
@@ -0,0 +1,131 @@
+<template>
+ <div class="task-card-wrapper">
+ <div class="task-card-title-wrapper">
+ <div class="task-card-title">瀹㈡埧鏈嶅姟鍛�</div>
+ <TaskPrice />
+ </div>
+ <div class="task-card-welfare-list">
+ <div class="task-card-welfare-list-item">鏃ョ粨</div>
+ <div class="task-card-welfare-list-item">鐢峰コ涓嶉檺</div>
+ <div class="task-card-welfare-list-item">鍖呬笁椁�</div>
+ </div>
+ <div class="task-card-time">涓婄彮鏃堕棿:07:00-15:30</div>
+ <div class="task-card-footer">
+ <div class="task-card-left">
+ <div class="task-card-footer-tag">H</div>
+ <div class="task-card-footer-address">瀹佹尝闆疯开妫厭搴�</div>
+ </div>
+ <div class="task-card-actions">
+ <slot name="actions">
+ <nut-button type="primary">鎶ュ悕</nut-button>
+ </slot>
+ </div>
+ </div>
+ </div>
+</template>
+
+<script setup lang="ts">
+import TaskPrice from './TaskPrice.vue';
+
+defineOptions({
+ name: 'TaskCard',
+});
+
+type Props = {
+ title?: string;
+};
+
+const props = withDefaults(defineProps<Props>(), {});
+</script>
+
+<style lang="scss">
+@import '@/styles/common.scss';
+
+.task-card-wrapper {
+ padding: 24px 32px;
+ margin-bottom: 24px;
+ background-color: #fff;
+ border-radius: 12px;
+
+ &:last-child {
+ margin-bottom: 0;
+ }
+
+ .task-card-title-wrapper {
+ display: flex;
+ align-items: center;
+ margin-bottom: 14px;
+
+ .task-card-title {
+ flex: 1;
+ min-width: 0;
+ @include ellipsis;
+ font-size: 30px;
+ color: boleGetCssVar('text-color', 'primary');
+ line-height: 42px;
+ }
+ }
+
+ .task-card-welfare-list {
+ display: flex;
+ flex-wrap: wrap;
+ row-gap: 6px;
+ column-gap: 18px;
+ margin-bottom: 8px;
+
+ .task-card-welfare-list-item {
+ font-size: 24px;
+ color: #ff7d00;
+ line-height: 36px;
+ }
+ }
+
+ .task-card-time {
+ font-size: 24px;
+ color: boleGetCssVar('text-color', 'secondary');
+ line-height: 36px;
+ margin-bottom: 6px;
+ }
+
+ .task-card-footer {
+ display: flex;
+ align-items: center;
+
+ .task-card-left {
+ flex: 1;
+ min-width: 0;
+ display: flex;
+ align-items: center;
+
+ .task-card-footer-tag {
+ width: 32px;
+ height: 32px;
+ background: #2a9e1b;
+ margin-right: 8px;
+ border-radius: 8px;
+ text-align: center;
+ line-height: 32px;
+ color: #fff;
+ font-size: 22px;
+ }
+
+ .task-card-footer-address {
+ font-size: 22px;
+ color: boleGetCssVar('text-color', 'secondary');
+ line-height: 36px;
+ flex: 1;
+ min-width: 0;
+ @include ellipsis;
+ }
+ }
+
+ .task-card-actions {
+ --nut-button-default-font-size: 24px;
+
+ .nut-button {
+ height: 26px;
+ }
+ }
+ }
+}
+</style>
--
Gitblit v1.9.1