From 61556a945a1a90e1c97bb2f7e1f990cd09de4318 Mon Sep 17 00:00:00 2001
From: wupengfei <834520024@qq.com>
Date: 星期二, 11 二月 2025 18:10:11 +0800
Subject: [PATCH] Merge branch 'master' of http://120.26.58.240:8888/r/flexJobMiniApp
---
packages/components/src/Card/MineAgreementSignCard.vue | 86 +++++++++++++++++++++++++++++++++++++++++++
1 files changed, 86 insertions(+), 0 deletions(-)
diff --git a/packages/components/src/Card/MineAgreementSignCard.vue b/packages/components/src/Card/MineAgreementSignCard.vue
new file mode 100644
index 0000000..e4455d2
--- /dev/null
+++ b/packages/components/src/Card/MineAgreementSignCard.vue
@@ -0,0 +1,86 @@
+<template>
+ <div class="task-card-wrapper">
+ <div class="task-card-title-wrapper">
+ <div class="task-card-title">瀹佹尝浜哄姏鏃犲咖浜哄姏璧勬簮鏈夐檺鍏徃</div>
+ </div>
+ <div class="task-card-footer">
+ <div class="task-card-left">
+ <div class="task-card-time">2024.11.20 - 2025.11.19</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">
+defineOptions({
+ name: 'MineAgreementSignCard',
+});
+
+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-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-actions {
+ --nut-button-default-font-size: 24px;
+
+ .nut-button {
+ height: 26px;
+ }
+ }
+ }
+}
+</style>
--
Gitblit v1.9.1